@syncfusion/ej2-ribbon 31.1.17 → 31.1.22

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 (186) hide show
  1. package/dist/ej2-ribbon.umd.min.js +3 -3
  2. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-ribbon.es2015.js +24 -5
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +24 -5
  6. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  7. package/dist/global/ej2-ribbon.min.js +3 -3
  8. package/dist/global/ej2-ribbon.min.js.map +1 -1
  9. package/dist/global/index.d.ts +2 -2
  10. package/package.json +17 -53
  11. package/src/ribbon/base/ribbon-model.d.ts +1 -1
  12. package/src/ribbon/base/ribbon.js +14 -5
  13. package/src/ribbon/items/ribbon-splitbutton.js +11 -0
  14. package/styles/bds-lite.css +9 -0
  15. package/styles/bds.css +9 -0
  16. package/styles/bootstrap-dark-lite.css +9 -0
  17. package/styles/bootstrap-dark.css +9 -0
  18. package/styles/bootstrap-lite.css +9 -0
  19. package/styles/bootstrap.css +9 -0
  20. package/styles/bootstrap4-lite.css +17 -0
  21. package/styles/bootstrap4.css +17 -0
  22. package/styles/bootstrap5-dark-lite.css +9 -0
  23. package/styles/bootstrap5-dark.css +9 -0
  24. package/styles/bootstrap5-lite.css +9 -0
  25. package/styles/bootstrap5.3-lite.css +9 -0
  26. package/styles/bootstrap5.3.css +9 -0
  27. package/styles/bootstrap5.css +9 -0
  28. package/styles/fabric-dark-lite.css +9 -0
  29. package/styles/fabric-dark.css +9 -0
  30. package/styles/fabric-lite.css +9 -0
  31. package/styles/fabric.css +9 -0
  32. package/styles/fluent-dark-lite.css +9 -0
  33. package/styles/fluent-dark.css +9 -0
  34. package/styles/fluent-lite.css +9 -0
  35. package/styles/fluent.css +9 -0
  36. package/styles/fluent2-lite.css +11 -2
  37. package/styles/fluent2.css +11 -2
  38. package/styles/highcontrast-light-lite.css +9 -0
  39. package/styles/highcontrast-light.css +9 -0
  40. package/styles/highcontrast-lite.css +9 -0
  41. package/styles/highcontrast.css +9 -0
  42. package/styles/material-dark-lite.css +9 -0
  43. package/styles/material-dark.css +9 -0
  44. package/styles/material-lite.css +9 -0
  45. package/styles/material.css +9 -0
  46. package/styles/material3-dark-lite.css +9 -0
  47. package/styles/material3-dark.css +9 -0
  48. package/styles/material3-lite.css +9 -0
  49. package/styles/material3.css +9 -0
  50. package/styles/ribbon/_fluent2-definition.scss +2 -2
  51. package/styles/ribbon/_layout.scss +7 -0
  52. package/styles/ribbon/bds.css +9 -0
  53. package/styles/ribbon/bootstrap-dark.css +9 -0
  54. package/styles/ribbon/bootstrap.css +9 -0
  55. package/styles/ribbon/bootstrap4.css +17 -0
  56. package/styles/ribbon/bootstrap5-dark.css +9 -0
  57. package/styles/ribbon/bootstrap5.3.css +9 -0
  58. package/styles/ribbon/bootstrap5.css +9 -0
  59. package/styles/ribbon/fabric-dark.css +9 -0
  60. package/styles/ribbon/fabric.css +9 -0
  61. package/styles/ribbon/fluent-dark.css +9 -0
  62. package/styles/ribbon/fluent.css +9 -0
  63. package/styles/ribbon/fluent2.css +11 -2
  64. package/styles/ribbon/highcontrast-light.css +9 -0
  65. package/styles/ribbon/highcontrast.css +9 -0
  66. package/styles/ribbon/material-dark.css +9 -0
  67. package/styles/ribbon/material.css +9 -0
  68. package/styles/ribbon/material3-dark.css +9 -0
  69. package/styles/ribbon/material3.css +9 -0
  70. package/styles/ribbon/tailwind-dark.css +9 -0
  71. package/styles/ribbon/tailwind.css +9 -0
  72. package/styles/ribbon/tailwind3.css +9 -0
  73. package/styles/tailwind-dark-lite.css +9 -0
  74. package/styles/tailwind-dark.css +9 -0
  75. package/styles/tailwind-lite.css +9 -0
  76. package/styles/tailwind.css +9 -0
  77. package/styles/tailwind3-lite.css +9 -0
  78. package/styles/tailwind3.css +9 -0
  79. package/dist/ts/index.d.ts +0 -1
  80. package/dist/ts/index.ts +0 -3
  81. package/dist/ts/ribbon/base/constant.d.ts +0 -201
  82. package/dist/ts/ribbon/base/constant.ts +0 -204
  83. package/dist/ts/ribbon/base/index.d.ts +0 -8
  84. package/dist/ts/ribbon/base/index.ts +0 -8
  85. package/dist/ts/ribbon/base/interface.d.ts +0 -398
  86. package/dist/ts/ribbon/base/interface.ts +0 -424
  87. package/dist/ts/ribbon/base/ribbon-model.d.ts +0 -195
  88. package/dist/ts/ribbon/base/ribbon.d.ts +0 -608
  89. package/dist/ts/ribbon/base/ribbon.ts +0 -4896
  90. package/dist/ts/ribbon/base/utils.d.ts +0 -139
  91. package/dist/ts/ribbon/base/utils.ts +0 -341
  92. package/dist/ts/ribbon/index.d.ts +0 -7
  93. package/dist/ts/ribbon/index.ts +0 -7
  94. package/dist/ts/ribbon/items/index.d.ts +0 -8
  95. package/dist/ts/ribbon/items/index.ts +0 -8
  96. package/dist/ts/ribbon/items/ribbon-button.d.ts +0 -64
  97. package/dist/ts/ribbon/items/ribbon-button.ts +0 -160
  98. package/dist/ts/ribbon/items/ribbon-checkbox.d.ts +0 -55
  99. package/dist/ts/ribbon/items/ribbon-checkbox.ts +0 -130
  100. package/dist/ts/ribbon/items/ribbon-colorpicker.d.ts +0 -72
  101. package/dist/ts/ribbon/items/ribbon-colorpicker.ts +0 -228
  102. package/dist/ts/ribbon/items/ribbon-combobox.d.ts +0 -77
  103. package/dist/ts/ribbon/items/ribbon-combobox.ts +0 -201
  104. package/dist/ts/ribbon/items/ribbon-dropdown.d.ts +0 -128
  105. package/dist/ts/ribbon/items/ribbon-dropdown.ts +0 -400
  106. package/dist/ts/ribbon/items/ribbon-gallery.d.ts +0 -97
  107. package/dist/ts/ribbon/items/ribbon-gallery.ts +0 -773
  108. package/dist/ts/ribbon/items/ribbon-groupbutton.d.ts +0 -73
  109. package/dist/ts/ribbon/items/ribbon-groupbutton.ts +0 -531
  110. package/dist/ts/ribbon/items/ribbon-splitbutton.d.ts +0 -85
  111. package/dist/ts/ribbon/items/ribbon-splitbutton.ts +0 -257
  112. package/dist/ts/ribbon/models/index.d.ts +0 -42
  113. package/dist/ts/ribbon/models/index.ts +0 -44
  114. package/dist/ts/ribbon/models/ribbon-back-button-model.d.ts +0 -29
  115. package/dist/ts/ribbon/models/ribbon-back-button.d.ts +0 -24
  116. package/dist/ts/ribbon/models/ribbon-back-button.ts +0 -31
  117. package/dist/ts/ribbon/models/ribbon-back-stage-settings-model.d.ts +0 -83
  118. package/dist/ts/ribbon/models/ribbon-back-stage-settings.d.ts +0 -81
  119. package/dist/ts/ribbon/models/ribbon-back-stage-settings.ts +0 -109
  120. package/dist/ts/ribbon/models/ribbon-backstage-item-model.d.ts +0 -69
  121. package/dist/ts/ribbon/models/ribbon-backstage-item.d.ts +0 -80
  122. package/dist/ts/ribbon/models/ribbon-backstage-item.ts +0 -102
  123. package/dist/ts/ribbon/models/ribbon-button-settings-model.d.ts +0 -64
  124. package/dist/ts/ribbon/models/ribbon-button-settings.d.ts +0 -63
  125. package/dist/ts/ribbon/models/ribbon-button-settings.ts +0 -80
  126. package/dist/ts/ribbon/models/ribbon-checkbox-settings-model.d.ts +0 -57
  127. package/dist/ts/ribbon/models/ribbon-checkbox-settings.d.ts +0 -58
  128. package/dist/ts/ribbon/models/ribbon-checkbox-settings.ts +0 -74
  129. package/dist/ts/ribbon/models/ribbon-collection-model.d.ts +0 -30
  130. package/dist/ts/ribbon/models/ribbon-collection.d.ts +0 -33
  131. package/dist/ts/ribbon/models/ribbon-collection.ts +0 -45
  132. package/dist/ts/ribbon/models/ribbon-colorpicker-settings-model.d.ts +0 -137
  133. package/dist/ts/ribbon/models/ribbon-colorpicker-settings.d.ts +0 -129
  134. package/dist/ts/ribbon/models/ribbon-colorpicker-settings.ts +0 -165
  135. package/dist/ts/ribbon/models/ribbon-combobox-settings-model.d.ts +0 -275
  136. package/dist/ts/ribbon/models/ribbon-combobox-settings.d.ts +0 -257
  137. package/dist/ts/ribbon/models/ribbon-combobox-settings.ts +0 -313
  138. package/dist/ts/ribbon/models/ribbon-contextual-tab-settings-model.d.ts +0 -30
  139. package/dist/ts/ribbon/models/ribbon-contextual-tab-settings.d.ts +0 -33
  140. package/dist/ts/ribbon/models/ribbon-contextual-tab-settings.ts +0 -44
  141. package/dist/ts/ribbon/models/ribbon-dropdown-settings-model.d.ts +0 -114
  142. package/dist/ts/ribbon/models/ribbon-dropdown-settings.d.ts +0 -107
  143. package/dist/ts/ribbon/models/ribbon-dropdown-settings.ts +0 -139
  144. package/dist/ts/ribbon/models/ribbon-file-menu-settings-model.d.ts +0 -123
  145. package/dist/ts/ribbon/models/ribbon-file-menu-settings.d.ts +0 -173
  146. package/dist/ts/ribbon/models/ribbon-file-menu-settings.ts +0 -220
  147. package/dist/ts/ribbon/models/ribbon-gallery-group-model.d.ts +0 -44
  148. package/dist/ts/ribbon/models/ribbon-gallery-group.d.ts +0 -38
  149. package/dist/ts/ribbon/models/ribbon-gallery-group.ts +0 -50
  150. package/dist/ts/ribbon/models/ribbon-gallery-item-model.d.ts +0 -43
  151. package/dist/ts/ribbon/models/ribbon-gallery-item.d.ts +0 -38
  152. package/dist/ts/ribbon/models/ribbon-gallery-item.ts +0 -47
  153. package/dist/ts/ribbon/models/ribbon-gallery-settings-model.d.ts +0 -108
  154. package/dist/ts/ribbon/models/ribbon-gallery-settings.d.ts +0 -95
  155. package/dist/ts/ribbon/models/ribbon-gallery-settings.ts +0 -123
  156. package/dist/ts/ribbon/models/ribbon-group-button-item-model.d.ts +0 -64
  157. package/dist/ts/ribbon/models/ribbon-group-button-item.d.ts +0 -65
  158. package/dist/ts/ribbon/models/ribbon-group-button-item.ts +0 -85
  159. package/dist/ts/ribbon/models/ribbon-group-button-settings-model.d.ts +0 -32
  160. package/dist/ts/ribbon/models/ribbon-group-button-settings.d.ts +0 -29
  161. package/dist/ts/ribbon/models/ribbon-group-button-settings.ts +0 -38
  162. package/dist/ts/ribbon/models/ribbon-group-model.d.ts +0 -112
  163. package/dist/ts/ribbon/models/ribbon-group.d.ts +0 -105
  164. package/dist/ts/ribbon/models/ribbon-group.ts +0 -138
  165. package/dist/ts/ribbon/models/ribbon-item-model.d.ts +0 -144
  166. package/dist/ts/ribbon/models/ribbon-item.d.ts +0 -141
  167. package/dist/ts/ribbon/models/ribbon-item.ts +0 -190
  168. package/dist/ts/ribbon/models/ribbon-splitbutton-settings-model.d.ts +0 -114
  169. package/dist/ts/ribbon/models/ribbon-splitbutton-settings.d.ts +0 -107
  170. package/dist/ts/ribbon/models/ribbon-splitbutton-settings.ts +0 -140
  171. package/dist/ts/ribbon/models/ribbon-tab-model.d.ts +0 -44
  172. package/dist/ts/ribbon/models/ribbon-tab.d.ts +0 -45
  173. package/dist/ts/ribbon/models/ribbon-tab.ts +0 -61
  174. package/dist/ts/ribbon/models/ribbon-tooltip-model.d.ts +0 -43
  175. package/dist/ts/ribbon/models/ribbon-tooltip.d.ts +0 -36
  176. package/dist/ts/ribbon/models/ribbon-tooltip.ts +0 -47
  177. package/dist/ts/ribbon/modules/index.d.ts +0 -4
  178. package/dist/ts/ribbon/modules/index.ts +0 -5
  179. package/dist/ts/ribbon/modules/ribbon-backstage.d.ts +0 -117
  180. package/dist/ts/ribbon/modules/ribbon-backstage.ts +0 -620
  181. package/dist/ts/ribbon/modules/ribbon-contextualtab.d.ts +0 -27
  182. package/dist/ts/ribbon/modules/ribbon-contextualtab.ts +0 -93
  183. package/dist/ts/ribbon/modules/ribbon-filemenu.d.ts +0 -96
  184. package/dist/ts/ribbon/modules/ribbon-filemenu.ts +0 -353
  185. package/dist/ts/ribbon/modules/ribbon-keytip.d.ts +0 -56
  186. package/dist/ts/ribbon/modules/ribbon-keytip.ts +0 -580
@@ -1,74 +0,0 @@
1
- import { ChildProperty, Event, EmitType, Property } from '@syncfusion/ej2-base';
2
- import { LabelPosition, ChangeEventArgs } from '@syncfusion/ej2-buttons';
3
-
4
- /**
5
- * Defines the ribbon checkbox item.
6
- */
7
- export class RibbonCheckBoxSettings extends ChildProperty<RibbonCheckBoxSettings> {
8
-
9
- /**
10
- * Defines the whether the checkbox is checked or not.
11
- *
12
- * @default false
13
- */
14
- @Property(false)
15
- public checked: boolean;
16
-
17
- /**
18
- * Defines one or more CSS classes to customize the appearance of checkbox.
19
- *
20
- * @default ''
21
- */
22
- @Property('')
23
- public cssClass: string;
24
-
25
- /**
26
- * Defines the label for the checkbox.
27
- *
28
- * @default ''
29
- */
30
- @Property('')
31
- public label: string;
32
-
33
- /**
34
- * Defines whether the label is position `After` or `Before` the checkbox.
35
- *
36
- * @default 'After'
37
- */
38
- @Property('After')
39
- public labelPosition: LabelPosition;
40
-
41
- /**
42
- * Specifies additional HTML attributes to be applied to the checkbox.
43
- *
44
- * @default {}
45
- */
46
- @Property({})
47
- public htmlAttributes: { [key: string]: string };
48
-
49
- /**
50
- * Event triggers once the checkbox is created.
51
- *
52
- * @event created
53
- */
54
- @Event()
55
- public created: EmitType<Event>;
56
-
57
- /**
58
- * Event triggers when the checkbox state is changed.
59
- *
60
- * @event change
61
- */
62
- @Event()
63
- public change: EmitType<ChangeEventArgs>;
64
-
65
- /**
66
- * @param {Object} prop - Gets the property of checkbox.
67
- * @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
68
- * @returns {void}
69
- * @private
70
- */
71
- public setProperties(prop: Object, muteOnChange: boolean): void {
72
- super.setProperties(prop, muteOnChange);
73
- }
74
- }
@@ -1,30 +0,0 @@
1
- import { ChildProperty, Collection, Property } from '@syncfusion/ej2-base';import { RibbonItem } from './ribbon-item';import { RibbonItemModel } from './ribbon-item-model';
2
-
3
- /**
4
- * Interface for a class RibbonCollection
5
- */
6
- export interface RibbonCollectionModel {
7
-
8
- /**
9
- * Defines a unique identifier for the collection.
10
- *
11
- * @default ''
12
- */
13
- id?: string;
14
-
15
- /**
16
- * Defines one or more CSS classes to customize the appearance of collection.
17
- *
18
- * @default ''
19
- */
20
- cssClass?: string;
21
-
22
- /**
23
- * Defines the list of ribbon items.
24
- *
25
- * @default []
26
- * @aspType List<RibbonItem>
27
- */
28
- items?: RibbonItemModel[];
29
-
30
- }
@@ -1,33 +0,0 @@
1
- import { ChildProperty } from '@syncfusion/ej2-base';
2
- import { RibbonItemModel } from './ribbon-item-model';
3
- /**
4
- * Defines the items of Ribbon.
5
- */
6
- export declare class RibbonCollection extends ChildProperty<RibbonCollection> {
7
- /**
8
- * Defines a unique identifier for the collection.
9
- *
10
- * @default ''
11
- */
12
- id: string;
13
- /**
14
- * Defines one or more CSS classes to customize the appearance of collection.
15
- *
16
- * @default ''
17
- */
18
- cssClass: string;
19
- /**
20
- * Defines the list of ribbon items.
21
- *
22
- * @default []
23
- * @aspType List<RibbonItem>
24
- */
25
- items: RibbonItemModel[];
26
- /**
27
- * @param {Object} prop - Gets the property of collection.
28
- * @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
29
- * @returns {void}
30
- * @private
31
- */
32
- setProperties(prop: Object, muteOnChange: boolean): void;
33
- }
@@ -1,45 +0,0 @@
1
- import { ChildProperty, Collection, Property } from '@syncfusion/ej2-base';
2
- import { RibbonItem } from './ribbon-item';
3
- import { RibbonItemModel } from './ribbon-item-model';
4
-
5
- /**
6
- * Defines the items of Ribbon.
7
- */
8
- export class RibbonCollection extends ChildProperty<RibbonCollection> {
9
-
10
- /**
11
- * Defines a unique identifier for the collection.
12
- *
13
- * @default ''
14
- */
15
- @Property('')
16
- public id: string;
17
-
18
- /**
19
- * Defines one or more CSS classes to customize the appearance of collection.
20
- *
21
- * @default ''
22
- */
23
- @Property('')
24
- public cssClass: string;
25
-
26
- /**
27
- * Defines the list of ribbon items.
28
- *
29
- * @default []
30
- * @aspType List<RibbonItem>
31
- */
32
- @Collection<RibbonItemModel>([], RibbonItem)
33
- public items: RibbonItemModel[];
34
-
35
- /**
36
- * @param {Object} prop - Gets the property of collection.
37
- * @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
38
- * @returns {void}
39
- * @private
40
- */
41
- public setProperties(prop: Object, muteOnChange: boolean): void {
42
- super.setProperties(prop, muteOnChange);
43
- }
44
-
45
- }
@@ -1,137 +0,0 @@
1
- import { ChildProperty, Event, EmitType, Property } from '@syncfusion/ej2-base';import { ColorPickerMode, ChangeEventArgs, OpenEventArgs, PaletteTileEventArgs, BeforeOpenCloseEventArgs, ColorPickerEventArgs } from '@syncfusion/ej2-inputs';
2
-
3
- /**
4
- * Interface for a class RibbonColorPickerSettings
5
- */
6
- export interface RibbonColorPickerSettingsModel {
7
-
8
- /**
9
- * Defines the number of columns to be rendered in the color picker palette.
10
- *
11
- * @default 10
12
- */
13
- columns?: number;
14
-
15
- /**
16
- * Defines one or more CSS classes to customize the appearance of the color picker.
17
- *
18
- * @default ''
19
- */
20
- cssClass?: string;
21
-
22
- /**
23
- * Specifies the label text for the overflow item.
24
- *
25
- * @default ''
26
- */
27
- label?: string;
28
-
29
- /**
30
- * Defines whether to enable the opacity option in the color picker.
31
- *
32
- * @default true
33
- */
34
- enableOpacity?: boolean;
35
-
36
- /**
37
- * Defines the rendering mode of the color picker.
38
- *
39
- * @default 'Palette'
40
- */
41
- mode?: ColorPickerMode;
42
-
43
- /**
44
- * Defines whether to show / hide the mode switcher button in the color picker.
45
- *
46
- * @default true
47
- */
48
- modeSwitcher?: boolean;
49
-
50
- /**
51
- * Defines whether to enable / disable the palette section in the color picker.
52
- *
53
- * @default false
54
- */
55
- noColor?: boolean;
56
-
57
- /**
58
- * Defines the custom colors to load in the color picker palette.
59
- *
60
- * @default null
61
- */
62
- presetColors?: { [key: string]: string[] };
63
-
64
- /**
65
- * Defines whether to show / hide the control buttons (apply / cancel) in the color picker.
66
- *
67
- * @default true
68
- */
69
- showButtons?: boolean;
70
-
71
- /**
72
- * Specifies the value of the color picker.
73
- * The value should be a valid hex color code.
74
- *
75
- * @default '#008000ff'
76
- */
77
- value?: string;
78
-
79
- /**
80
- * Specifies additional HTML attributes to be applied to the color picker.
81
- *
82
- * @default {}
83
- */
84
- htmlAttributes?: { [key: string]: string };
85
-
86
- /**
87
- * Event triggers before closing the ColorPicker popup.
88
- *
89
- * @event beforeClose
90
- */
91
- beforeClose?: EmitType<BeforeOpenCloseEventArgs>;
92
-
93
- /**
94
- * Event triggers before opening the ColorPicker popup.
95
- *
96
- * @event beforeOpen
97
- */
98
- beforeOpen?: EmitType<BeforeOpenCloseEventArgs>;
99
-
100
- /**
101
- * Event triggers while rendering each palette tile.
102
- *
103
- * @event beforeTileRender
104
- */
105
- beforeTileRender?: EmitType<PaletteTileEventArgs>;
106
-
107
- /**
108
- * Event triggers once the color picker is created.
109
- *
110
- * @event created
111
- */
112
- created?: EmitType<Event>;
113
-
114
- /**
115
- * Event triggers while changing the colors. It will be triggered based on the showButtons property.
116
- * If the property is false, the event will be triggered while selecting the colors.
117
- * If the property is true, the event will be triggered while apply the selected color.
118
- *
119
- * @event change
120
- */
121
- change?: EmitType<ChangeEventArgs>;
122
-
123
- /**
124
- * Event triggers while opening the ColorPicker popup.
125
- *
126
- * @event open
127
- */
128
- open?: EmitType<OpenEventArgs>;
129
-
130
- /**
131
- * Event triggers while selecting the color in picker / palette, when showButtons property is enabled.
132
- *
133
- * @event select
134
- */
135
- select?: EmitType<ColorPickerEventArgs>;
136
-
137
- }
@@ -1,129 +0,0 @@
1
- import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
2
- import { ColorPickerMode, ChangeEventArgs, OpenEventArgs, PaletteTileEventArgs, BeforeOpenCloseEventArgs, ColorPickerEventArgs } from '@syncfusion/ej2-inputs';
3
- /**
4
- * Defines the ribbon color picker.
5
- */
6
- export declare class RibbonColorPickerSettings extends ChildProperty<RibbonColorPickerSettings> {
7
- /**
8
- * Defines the number of columns to be rendered in the color picker palette.
9
- *
10
- * @default 10
11
- */
12
- columns: number;
13
- /**
14
- * Defines one or more CSS classes to customize the appearance of the color picker.
15
- *
16
- * @default ''
17
- */
18
- cssClass: string;
19
- /**
20
- * Specifies the label text for the overflow item.
21
- *
22
- * @default ''
23
- */
24
- label: string;
25
- /**
26
- * Defines whether to enable the opacity option in the color picker.
27
- *
28
- * @default true
29
- */
30
- enableOpacity: boolean;
31
- /**
32
- * Defines the rendering mode of the color picker.
33
- *
34
- * @default 'Palette'
35
- */
36
- mode: ColorPickerMode;
37
- /**
38
- * Defines whether to show / hide the mode switcher button in the color picker.
39
- *
40
- * @default true
41
- */
42
- modeSwitcher: boolean;
43
- /**
44
- * Defines whether to enable / disable the palette section in the color picker.
45
- *
46
- * @default false
47
- */
48
- noColor: boolean;
49
- /**
50
- * Defines the custom colors to load in the color picker palette.
51
- *
52
- * @default null
53
- */
54
- presetColors: {
55
- [key: string]: string[];
56
- };
57
- /**
58
- * Defines whether to show / hide the control buttons (apply / cancel) in the color picker.
59
- *
60
- * @default true
61
- */
62
- showButtons: boolean;
63
- /**
64
- * Specifies the value of the color picker.
65
- * The value should be a valid hex color code.
66
- *
67
- * @default '#008000ff'
68
- */
69
- value: string;
70
- /**
71
- * Specifies additional HTML attributes to be applied to the color picker.
72
- *
73
- * @default {}
74
- */
75
- htmlAttributes: {
76
- [key: string]: string;
77
- };
78
- /**
79
- * Event triggers before closing the ColorPicker popup.
80
- *
81
- * @event beforeClose
82
- */
83
- beforeClose: EmitType<BeforeOpenCloseEventArgs>;
84
- /**
85
- * Event triggers before opening the ColorPicker popup.
86
- *
87
- * @event beforeOpen
88
- */
89
- beforeOpen: EmitType<BeforeOpenCloseEventArgs>;
90
- /**
91
- * Event triggers while rendering each palette tile.
92
- *
93
- * @event beforeTileRender
94
- */
95
- beforeTileRender: EmitType<PaletteTileEventArgs>;
96
- /**
97
- * Event triggers once the color picker is created.
98
- *
99
- * @event created
100
- */
101
- created: EmitType<Event>;
102
- /**
103
- * Event triggers while changing the colors. It will be triggered based on the showButtons property.
104
- * If the property is false, the event will be triggered while selecting the colors.
105
- * If the property is true, the event will be triggered while apply the selected color.
106
- *
107
- * @event change
108
- */
109
- change: EmitType<ChangeEventArgs>;
110
- /**
111
- * Event triggers while opening the ColorPicker popup.
112
- *
113
- * @event open
114
- */
115
- open: EmitType<OpenEventArgs>;
116
- /**
117
- * Event triggers while selecting the color in picker / palette, when showButtons property is enabled.
118
- *
119
- * @event select
120
- */
121
- select: EmitType<ColorPickerEventArgs>;
122
- /**
123
- * @param {Object} prop - Gets the property of colorpicker.
124
- * @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
125
- * @returns {void}
126
- * @private
127
- */
128
- setProperties(prop: Object, muteOnChange: boolean): void;
129
- }
@@ -1,165 +0,0 @@
1
- import { ChildProperty, Event, EmitType, Property } from '@syncfusion/ej2-base';
2
- import { ColorPickerMode, ChangeEventArgs, OpenEventArgs, PaletteTileEventArgs, BeforeOpenCloseEventArgs, ColorPickerEventArgs } from '@syncfusion/ej2-inputs';
3
-
4
- /**
5
- * Defines the ribbon color picker.
6
- */
7
- export class RibbonColorPickerSettings extends ChildProperty<RibbonColorPickerSettings> {
8
-
9
- /**
10
- * Defines the number of columns to be rendered in the color picker palette.
11
- *
12
- * @default 10
13
- */
14
- @Property(10)
15
- public columns: number;
16
-
17
- /**
18
- * Defines one or more CSS classes to customize the appearance of the color picker.
19
- *
20
- * @default ''
21
- */
22
- @Property('')
23
- public cssClass: string;
24
-
25
- /**
26
- * Specifies the label text for the overflow item.
27
- *
28
- * @default ''
29
- */
30
- @Property('')
31
- public label: string;
32
-
33
- /**
34
- * Defines whether to enable the opacity option in the color picker.
35
- *
36
- * @default true
37
- */
38
- @Property(true)
39
- public enableOpacity: boolean;
40
-
41
- /**
42
- * Defines the rendering mode of the color picker.
43
- *
44
- * @default 'Palette'
45
- */
46
- @Property('Palette')
47
- public mode: ColorPickerMode;
48
-
49
- /**
50
- * Defines whether to show / hide the mode switcher button in the color picker.
51
- *
52
- * @default true
53
- */
54
- @Property(true)
55
- public modeSwitcher: boolean;
56
-
57
- /**
58
- * Defines whether to enable / disable the palette section in the color picker.
59
- *
60
- * @default false
61
- */
62
- @Property(false)
63
- public noColor: boolean;
64
-
65
- /**
66
- * Defines the custom colors to load in the color picker palette.
67
- *
68
- * @default null
69
- */
70
- @Property(null)
71
- public presetColors: { [key: string]: string[] };
72
-
73
- /**
74
- * Defines whether to show / hide the control buttons (apply / cancel) in the color picker.
75
- *
76
- * @default true
77
- */
78
- @Property(true)
79
- public showButtons: boolean;
80
-
81
- /**
82
- * Specifies the value of the color picker.
83
- * The value should be a valid hex color code.
84
- *
85
- * @default '#008000ff'
86
- */
87
- @Property('#008000ff')
88
- public value: string;
89
-
90
- /**
91
- * Specifies additional HTML attributes to be applied to the color picker.
92
- *
93
- * @default {}
94
- */
95
- @Property({})
96
- public htmlAttributes: { [key: string]: string };
97
-
98
- /**
99
- * Event triggers before closing the ColorPicker popup.
100
- *
101
- * @event beforeClose
102
- */
103
- @Event()
104
- public beforeClose: EmitType<BeforeOpenCloseEventArgs>;
105
-
106
- /**
107
- * Event triggers before opening the ColorPicker popup.
108
- *
109
- * @event beforeOpen
110
- */
111
- @Event()
112
- public beforeOpen: EmitType<BeforeOpenCloseEventArgs>;
113
-
114
- /**
115
- * Event triggers while rendering each palette tile.
116
- *
117
- * @event beforeTileRender
118
- */
119
- @Event()
120
- public beforeTileRender: EmitType<PaletteTileEventArgs>;
121
-
122
- /**
123
- * Event triggers once the color picker is created.
124
- *
125
- * @event created
126
- */
127
- @Event()
128
- public created: EmitType<Event>;
129
-
130
- /**
131
- * Event triggers while changing the colors. It will be triggered based on the showButtons property.
132
- * If the property is false, the event will be triggered while selecting the colors.
133
- * If the property is true, the event will be triggered while apply the selected color.
134
- *
135
- * @event change
136
- */
137
- @Event()
138
- public change: EmitType<ChangeEventArgs>;
139
-
140
- /**
141
- * Event triggers while opening the ColorPicker popup.
142
- *
143
- * @event open
144
- */
145
- @Event()
146
- public open: EmitType<OpenEventArgs>;
147
-
148
- /**
149
- * Event triggers while selecting the color in picker / palette, when showButtons property is enabled.
150
- *
151
- * @event select
152
- */
153
- @Event()
154
- public select: EmitType<ColorPickerEventArgs>;
155
-
156
- /**
157
- * @param {Object} prop - Gets the property of colorpicker.
158
- * @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
159
- * @returns {void}
160
- * @private
161
- */
162
- public setProperties(prop: Object, muteOnChange: boolean): void {
163
- super.setProperties(prop, muteOnChange);
164
- }
165
- }