@syncfusion/ej2-schedule 26.1.39 → 26.1.41-16103

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 (298) hide show
  1. package/.eslintrc.json +243 -260
  2. package/README.md +82 -82
  3. package/dist/ej2-schedule.umd.min.js +1 -10
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +605 -249
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +1072 -709
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/helpers/e2e/index.js +3 -3
  10. package/helpers/e2e/recurrence-editor.js +13 -13
  11. package/helpers/e2e/schedule.js +13 -13
  12. package/license +9 -9
  13. package/package.json +79 -79
  14. package/src/recurrence-editor/date-generator.js +3 -0
  15. package/src/recurrence-editor/recurrence-editor-model.d.ts +65 -65
  16. package/src/recurrence-editor/recurrence-editor.js +19 -19
  17. package/src/schedule/actions/crud.js +22 -6
  18. package/src/schedule/actions/drag.d.ts +4 -0
  19. package/src/schedule/actions/drag.js +73 -34
  20. package/src/schedule/actions/keyboard.d.ts +1 -0
  21. package/src/schedule/actions/keyboard.js +45 -3
  22. package/src/schedule/actions/resize.js +34 -32
  23. package/src/schedule/actions/touch.js +4 -0
  24. package/src/schedule/actions/virtual-scroll.d.ts +6 -0
  25. package/src/schedule/actions/virtual-scroll.js +119 -34
  26. package/src/schedule/base/interface.d.ts +6 -2
  27. package/src/schedule/base/resource.js +5 -0
  28. package/src/schedule/base/schedule-model.d.ts +805 -805
  29. package/src/schedule/base/schedule.d.ts +26 -0
  30. package/src/schedule/base/schedule.js +63 -21
  31. package/src/schedule/base/util.d.ts +10 -5
  32. package/src/schedule/base/util.js +15 -10
  33. package/src/schedule/event-renderer/agenda-base.js +15 -14
  34. package/src/schedule/event-renderer/event-base.js +18 -3
  35. package/src/schedule/event-renderer/inline-edit.js +13 -5
  36. package/src/schedule/event-renderer/month.js +20 -17
  37. package/src/schedule/event-renderer/timeline-view.js +21 -18
  38. package/src/schedule/event-renderer/vertical-view.d.ts +2 -1
  39. package/src/schedule/event-renderer/vertical-view.js +66 -34
  40. package/src/schedule/event-renderer/year.js +20 -20
  41. package/src/schedule/exports/print.js +1 -0
  42. package/src/schedule/models/event-settings-model.d.ts +155 -155
  43. package/src/schedule/models/event-settings.js +19 -19
  44. package/src/schedule/models/field-options-model.d.ts +22 -22
  45. package/src/schedule/models/field-options.js +19 -19
  46. package/src/schedule/models/fields-model.d.ts +92 -92
  47. package/src/schedule/models/fields.js +19 -19
  48. package/src/schedule/models/group-model.d.ts +48 -48
  49. package/src/schedule/models/group.js +19 -19
  50. package/src/schedule/models/header-rows-model.d.ts +22 -22
  51. package/src/schedule/models/header-rows.js +19 -19
  52. package/src/schedule/models/quick-info-templates-model.d.ts +37 -37
  53. package/src/schedule/models/quick-info-templates.js +19 -19
  54. package/src/schedule/models/resources-model.d.ts +85 -85
  55. package/src/schedule/models/resources.js +19 -19
  56. package/src/schedule/models/time-scale-model.d.ts +40 -40
  57. package/src/schedule/models/time-scale.js +19 -19
  58. package/src/schedule/models/toolbar-model.d.ts +187 -187
  59. package/src/schedule/models/toolbar.js +19 -19
  60. package/src/schedule/models/views-model.d.ts +329 -329
  61. package/src/schedule/models/views.js +19 -19
  62. package/src/schedule/models/work-hours-model.d.ts +16 -16
  63. package/src/schedule/models/work-hours.js +19 -19
  64. package/src/schedule/popups/event-tooltip.js +2 -1
  65. package/src/schedule/popups/event-window.d.ts +1 -0
  66. package/src/schedule/popups/event-window.js +25 -15
  67. package/src/schedule/renderer/agenda.js +13 -13
  68. package/src/schedule/renderer/day.js +13 -13
  69. package/src/schedule/renderer/header-renderer.d.ts +1 -0
  70. package/src/schedule/renderer/header-renderer.js +20 -12
  71. package/src/schedule/renderer/month-agenda.js +13 -13
  72. package/src/schedule/renderer/month.js +19 -13
  73. package/src/schedule/renderer/timeline-header-row.js +1 -1
  74. package/src/schedule/renderer/timeline-month.js +13 -13
  75. package/src/schedule/renderer/timeline-view.js +22 -17
  76. package/src/schedule/renderer/timeline-year.js +19 -15
  77. package/src/schedule/renderer/vertical-view.js +33 -23
  78. package/src/schedule/renderer/view-base.d.ts +1 -0
  79. package/src/schedule/renderer/view-base.js +14 -1
  80. package/src/schedule/renderer/week.js +13 -13
  81. package/src/schedule/renderer/work-week.js +13 -13
  82. package/src/schedule/renderer/year.js +17 -17
  83. package/styles/bootstrap-dark-lite.css +4174 -0
  84. package/styles/bootstrap-dark-lite.scss +18 -0
  85. package/styles/bootstrap-dark.css +823 -595
  86. package/styles/bootstrap-dark.scss +3 -2
  87. package/styles/bootstrap-lite.css +4169 -0
  88. package/styles/bootstrap-lite.scss +18 -0
  89. package/styles/bootstrap.css +823 -595
  90. package/styles/bootstrap.scss +3 -2
  91. package/styles/bootstrap4-lite.css +4216 -0
  92. package/styles/bootstrap4-lite.scss +18 -0
  93. package/styles/bootstrap4.css +809 -636
  94. package/styles/bootstrap4.scss +3 -2
  95. package/styles/bootstrap5-dark-lite.css +4215 -0
  96. package/styles/bootstrap5-dark-lite.scss +18 -0
  97. package/styles/bootstrap5-dark.css +824 -596
  98. package/styles/bootstrap5-dark.scss +3 -2
  99. package/styles/bootstrap5-lite.css +4215 -0
  100. package/styles/bootstrap5-lite.scss +18 -0
  101. package/styles/bootstrap5.3-lite.css +4261 -0
  102. package/styles/bootstrap5.3-lite.scss +18 -0
  103. package/styles/bootstrap5.3.css +5023 -0
  104. package/styles/bootstrap5.3.scss +20 -0
  105. package/styles/bootstrap5.css +824 -596
  106. package/styles/bootstrap5.scss +3 -2
  107. package/styles/fabric-dark-lite.css +4144 -0
  108. package/styles/fabric-dark-lite.scss +18 -0
  109. package/styles/fabric-dark.css +830 -594
  110. package/styles/fabric-dark.scss +3 -2
  111. package/styles/fabric-lite.css +4141 -0
  112. package/styles/fabric-lite.scss +18 -0
  113. package/styles/fabric.css +830 -587
  114. package/styles/fabric.scss +3 -2
  115. package/styles/fluent-dark-lite.css +4207 -0
  116. package/styles/fluent-dark-lite.scss +18 -0
  117. package/styles/fluent-dark.css +828 -592
  118. package/styles/fluent-dark.scss +3 -2
  119. package/styles/fluent-lite.css +4207 -0
  120. package/styles/fluent-lite.scss +18 -0
  121. package/styles/fluent.css +828 -592
  122. package/styles/fluent.scss +3 -2
  123. package/styles/fluent2-lite.css +4427 -0
  124. package/styles/fluent2-lite.scss +18 -0
  125. package/styles/fluent2.css +863 -1627
  126. package/styles/fluent2.scss +3 -2
  127. package/styles/highcontrast-light-lite.css +4233 -0
  128. package/styles/highcontrast-light-lite.scss +18 -0
  129. package/styles/highcontrast-light.css +833 -583
  130. package/styles/highcontrast-light.scss +3 -2
  131. package/styles/highcontrast-lite.css +4242 -0
  132. package/styles/highcontrast-lite.scss +18 -0
  133. package/styles/highcontrast.css +834 -584
  134. package/styles/highcontrast.scss +3 -2
  135. package/styles/material-dark-lite.css +4221 -0
  136. package/styles/material-dark-lite.scss +18 -0
  137. package/styles/material-dark.css +839 -581
  138. package/styles/material-dark.scss +3 -2
  139. package/styles/material-lite.css +4247 -0
  140. package/styles/material-lite.scss +18 -0
  141. package/styles/material.css +836 -599
  142. package/styles/material.scss +3 -2
  143. package/styles/material3-dark-lite.css +4238 -0
  144. package/styles/material3-dark-lite.scss +18 -0
  145. package/styles/material3-dark.css +832 -656
  146. package/styles/material3-dark.scss +4 -3
  147. package/styles/material3-lite.css +4240 -0
  148. package/styles/material3-lite.scss +18 -0
  149. package/styles/material3.css +831 -709
  150. package/styles/material3.scss +4 -3
  151. package/styles/recurrence-editor/_all.scss +2 -2
  152. package/styles/recurrence-editor/_bds-definition.scss +14 -14
  153. package/styles/recurrence-editor/_bigger.scss +134 -0
  154. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +14 -14
  155. package/styles/recurrence-editor/_bootstrap-definition.scss +14 -14
  156. package/styles/recurrence-editor/_bootstrap4-definition.scss +14 -14
  157. package/styles/recurrence-editor/_bootstrap5-definition.scss +14 -14
  158. package/styles/recurrence-editor/_bootstrap5.3-definition.scss +14 -14
  159. package/styles/recurrence-editor/_fabric-dark-definition.scss +14 -14
  160. package/styles/recurrence-editor/_fabric-definition.scss +14 -14
  161. package/styles/recurrence-editor/_fluent-definition.scss +14 -14
  162. package/styles/recurrence-editor/_fluent2-definition.scss +14 -14
  163. package/styles/recurrence-editor/_fusionnew-definition.scss +14 -14
  164. package/styles/recurrence-editor/_highcontrast-definition.scss +14 -14
  165. package/styles/recurrence-editor/_highcontrast-light-definition.scss +14 -14
  166. package/styles/recurrence-editor/_layout.scss +415 -525
  167. package/styles/recurrence-editor/_material-dark-definition.scss +14 -14
  168. package/styles/recurrence-editor/_material-definition.scss +14 -14
  169. package/styles/recurrence-editor/_material3-definition.scss +14 -14
  170. package/styles/recurrence-editor/_tailwind-definition.scss +14 -14
  171. package/styles/recurrence-editor/_theme.scss +1 -1
  172. package/styles/recurrence-editor/bootstrap-dark.css +87 -131
  173. package/styles/recurrence-editor/bootstrap-dark.scss +1 -0
  174. package/styles/recurrence-editor/bootstrap.css +87 -131
  175. package/styles/recurrence-editor/bootstrap.scss +1 -0
  176. package/styles/recurrence-editor/bootstrap4.css +87 -149
  177. package/styles/recurrence-editor/bootstrap4.scss +1 -0
  178. package/styles/recurrence-editor/bootstrap5-dark.css +87 -135
  179. package/styles/recurrence-editor/bootstrap5-dark.scss +1 -0
  180. package/styles/recurrence-editor/bootstrap5.3.css +501 -0
  181. package/styles/recurrence-editor/bootstrap5.3.scss +9 -0
  182. package/styles/recurrence-editor/bootstrap5.css +87 -135
  183. package/styles/recurrence-editor/bootstrap5.scss +1 -0
  184. package/styles/recurrence-editor/fabric-dark.css +87 -130
  185. package/styles/recurrence-editor/fabric-dark.scss +1 -0
  186. package/styles/recurrence-editor/fabric.css +87 -123
  187. package/styles/recurrence-editor/fabric.scss +1 -0
  188. package/styles/recurrence-editor/fluent-dark.css +87 -122
  189. package/styles/recurrence-editor/fluent-dark.scss +1 -0
  190. package/styles/recurrence-editor/fluent.css +87 -122
  191. package/styles/recurrence-editor/fluent.scss +1 -0
  192. package/styles/recurrence-editor/fluent2.css +94 -1148
  193. package/styles/recurrence-editor/fluent2.scss +1 -0
  194. package/styles/recurrence-editor/highcontrast-light.css +87 -118
  195. package/styles/recurrence-editor/highcontrast-light.scss +1 -0
  196. package/styles/recurrence-editor/highcontrast.css +87 -118
  197. package/styles/recurrence-editor/highcontrast.scss +1 -0
  198. package/styles/recurrence-editor/material-dark.css +87 -115
  199. package/styles/recurrence-editor/material-dark.scss +1 -0
  200. package/styles/recurrence-editor/material.css +87 -136
  201. package/styles/recurrence-editor/material.scss +1 -0
  202. package/styles/recurrence-editor/material3-dark.css +88 -194
  203. package/styles/recurrence-editor/material3-dark.scss +2 -1
  204. package/styles/recurrence-editor/material3.css +89 -249
  205. package/styles/recurrence-editor/material3.scss +2 -1
  206. package/styles/recurrence-editor/tailwind-dark.css +87 -116
  207. package/styles/recurrence-editor/tailwind-dark.scss +1 -0
  208. package/styles/recurrence-editor/tailwind.css +87 -116
  209. package/styles/recurrence-editor/tailwind.scss +1 -0
  210. package/styles/schedule/_all.scss +2 -2
  211. package/styles/schedule/_bds-definition.scss +272 -272
  212. package/styles/schedule/_bigger.scss +810 -0
  213. package/styles/schedule/_bootstrap-dark-definition.scss +270 -270
  214. package/styles/schedule/_bootstrap-definition.scss +270 -270
  215. package/styles/schedule/_bootstrap4-definition.scss +273 -273
  216. package/styles/schedule/_bootstrap5-definition.scss +274 -274
  217. package/styles/schedule/_bootstrap5.3-definition.scss +276 -273
  218. package/styles/schedule/_fabric-dark-definition.scss +271 -271
  219. package/styles/schedule/_fabric-definition.scss +270 -270
  220. package/styles/schedule/_fluent-definition.scss +276 -276
  221. package/styles/schedule/_fluent2-definition.scss +273 -273
  222. package/styles/schedule/_fusionnew-definition.scss +273 -273
  223. package/styles/schedule/_highcontrast-definition.scss +271 -271
  224. package/styles/schedule/_highcontrast-light-definition.scss +271 -271
  225. package/styles/schedule/_layout.scss +3787 -4218
  226. package/styles/schedule/_material-dark-definition.scss +270 -270
  227. package/styles/schedule/_material-definition.scss +270 -270
  228. package/styles/schedule/_material3-definition.scss +275 -275
  229. package/styles/schedule/_tailwind-definition.scss +271 -271
  230. package/styles/schedule/_theme.scss +589 -567
  231. package/styles/schedule/bootstrap-dark.css +706 -484
  232. package/styles/schedule/bootstrap-dark.scss +1 -0
  233. package/styles/schedule/bootstrap.css +706 -484
  234. package/styles/schedule/bootstrap.scss +1 -0
  235. package/styles/schedule/bootstrap4.css +699 -532
  236. package/styles/schedule/bootstrap4.scss +1 -0
  237. package/styles/schedule/bootstrap5-dark.css +714 -492
  238. package/styles/schedule/bootstrap5-dark.scss +1 -0
  239. package/styles/schedule/bootstrap5.3.css +4621 -0
  240. package/styles/schedule/bootstrap5.3.scss +17 -0
  241. package/styles/schedule/bootstrap5.css +714 -492
  242. package/styles/schedule/bootstrap5.scss +1 -0
  243. package/styles/schedule/fabric-dark.css +713 -483
  244. package/styles/schedule/fabric-dark.scss +1 -0
  245. package/styles/schedule/fabric.css +713 -476
  246. package/styles/schedule/fabric.scss +1 -0
  247. package/styles/schedule/fluent-dark.css +723 -493
  248. package/styles/schedule/fluent-dark.scss +1 -0
  249. package/styles/schedule/fluent.css +723 -493
  250. package/styles/schedule/fluent.scss +1 -0
  251. package/styles/schedule/fluent2.css +752 -1525
  252. package/styles/schedule/fluent2.scss +1 -0
  253. package/styles/schedule/highcontrast-light.css +721 -477
  254. package/styles/schedule/highcontrast-light.scss +1 -0
  255. package/styles/schedule/highcontrast.css +721 -477
  256. package/styles/schedule/highcontrast.scss +1 -0
  257. package/styles/schedule/icons/_bds.scss +220 -220
  258. package/styles/schedule/icons/_bootstrap-dark.scss +223 -223
  259. package/styles/schedule/icons/_bootstrap.scss +223 -223
  260. package/styles/schedule/icons/_bootstrap4.scss +217 -217
  261. package/styles/schedule/icons/_bootstrap5.3.scss +220 -220
  262. package/styles/schedule/icons/_bootstrap5.scss +220 -220
  263. package/styles/schedule/icons/_fabric-dark.scss +223 -223
  264. package/styles/schedule/icons/_fabric.scss +223 -223
  265. package/styles/schedule/icons/_fluent.scss +220 -220
  266. package/styles/schedule/icons/_fluent2.scss +220 -220
  267. package/styles/schedule/icons/_fusionnew.scss +220 -220
  268. package/styles/schedule/icons/_highcontrast-light.scss +223 -223
  269. package/styles/schedule/icons/_highcontrast.scss +223 -223
  270. package/styles/schedule/icons/_material-dark.scss +223 -223
  271. package/styles/schedule/icons/_material.scss +223 -223
  272. package/styles/schedule/icons/_material3.scss +220 -220
  273. package/styles/schedule/icons/_tailwind.scss +220 -220
  274. package/styles/schedule/material-dark.css +732 -480
  275. package/styles/schedule/material-dark.scss +1 -0
  276. package/styles/schedule/material.css +729 -498
  277. package/styles/schedule/material.scss +1 -0
  278. package/styles/schedule/material3-dark.css +713 -543
  279. package/styles/schedule/material3-dark.scss +2 -1
  280. package/styles/schedule/material3.css +714 -598
  281. package/styles/schedule/material3.scss +2 -1
  282. package/styles/schedule/tailwind-dark.css +725 -484
  283. package/styles/schedule/tailwind-dark.scss +1 -0
  284. package/styles/schedule/tailwind.css +725 -484
  285. package/styles/schedule/tailwind.scss +1 -0
  286. package/styles/tailwind-dark-lite.css +4184 -0
  287. package/styles/tailwind-dark-lite.scss +18 -0
  288. package/styles/tailwind-dark.css +832 -585
  289. package/styles/tailwind-dark.scss +3 -2
  290. package/styles/tailwind-lite.css +4184 -0
  291. package/styles/tailwind-lite.scss +18 -0
  292. package/styles/tailwind.css +832 -585
  293. package/styles/tailwind.scss +3 -2
  294. package/dist/ej2-schedule.min.js +0 -10
  295. package/dist/global/ej2-schedule.min.js +0 -11
  296. package/dist/global/ej2-schedule.min.js.map +0 -1
  297. package/dist/global/index.d.ts +0 -14
  298. package/tslint.json +0 -111
@@ -1,4 +1,4 @@
1
- import { Property, ChildProperty, Event, EmitType } from '@syncfusion/ej2-base';import { ClickEventArgs, DisplayMode, ItemAlign, ItemType, OverflowOption } from '@syncfusion/ej2-navigations';import { ToolbarName } from '../base/type';
1
+ import { Property, ChildProperty, Event, EmitType } from '@syncfusion/ej2-base';
2
2
 
3
3
  /**
4
4
  * Interface for a class ToolbarItem
@@ -6,191 +6,191 @@ import { Property, ChildProperty, Event, EmitType } from '@syncfusion/ej2-base';
6
6
  export interface ToolbarItemModel {
7
7
 
8
8
  /**
9
- * Specifies the unique ID to be used with button or input element of Toolbar items.
10
- *
11
- * @default ""
12
- */
13
- id?: string;
14
-
15
- /**
16
- * Specifies the text to be displayed on the Toolbar button.
17
- *
18
- * @default ""
19
- */
20
- text?: string;
21
-
22
- /**
23
- * Specifies the width of the Toolbar button commands.
24
- *
25
- * @default 'auto'
26
- */
27
- width?: number | string;
28
-
29
- /**
30
- * Defines single/multiple classes (separated by space) to be used for customization of commands.
31
- *
32
- * @default ""
33
- */
34
- cssClass?: string;
35
-
36
- /**
37
- * Defines the priority of items to display it in popup always.
38
- * It allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
39
- *
40
- * @default false
41
- */
42
- showAlwaysInPopup?: boolean;
43
-
44
- /**
45
- * Specifies whether an item should be disabled or not.
46
- *
47
- * @default false
48
- */
49
- disabled?: boolean;
50
-
51
- /**
52
- * Defines single/multiple classes separated by space used to specify an icon for the button.
53
- * The icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
54
- *
55
- * @default ""
56
- */
57
- prefixIcon?: string;
58
-
59
- /**
60
- * Defines single/multiple classes separated by space used to specify an icon for the button.
61
- * The icon will be positioned after the text content if text is available.
62
- *
63
- * @default ""
64
- */
65
- suffixIcon?: string;
66
-
67
- /**
68
- * Specifies whether an item should be hidden or not.
69
- *
70
- * @default true
71
- */
72
- visible?: boolean;
73
-
74
- /**
75
- * Specifies the Toolbar command display area when an element's content is too large to fit available space.
76
- * This is applicable only to `popup` mode. The possible values for this property as follows
77
- * * `Show`: Always shows the item as the primary priority on the *Toolbar*.
78
- * * `Hide`: Always shows the item as the secondary priority on the *popup*.
79
- * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.
80
- *
81
- * @default 'None'
82
- * @aspDefaultValue Syncfusion.EJ2.Navigations.OverflowOption.None
83
- * @isEnumeration true
84
- * @aspType Syncfusion.EJ2.Navigations.OverflowOption
85
- */
86
- overflow?: OverflowOption;
87
-
88
- /**
89
- * Specifies the HTML element/element ID as a string that can be added as a Toolbar command.
90
- * ```
91
- * E.g - items: [{ template: '<input placeholder="Search"/>' },{ template: '#checkbox1' }]
92
- * ```
93
- *
94
- * @default ""
95
- * @angularType string | object
96
- * @reactType string | function | JSX.Element
97
- * @vueType string | function
98
- * @aspType string
99
- */
100
- template?: string | Object | Function;
101
-
102
- /**
103
- * Specifies the types of command to be rendered in the Toolbar.
104
- * Supported types are:
105
- * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc.
106
- * * `Separator`: Adds a horizontal line that separates the Toolbar commands.
107
- * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
108
- * AutoComplete, etc.
109
- *
110
- * @default 'Button'
111
- * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemType.Button
112
- * @isEnumeration true
113
- * @aspType Syncfusion.EJ2.Navigations.ItemType
114
- */
115
- type?: ItemType;
116
-
117
- /**
118
- * Specifies where the button text will be displayed on *popup mode* of the Toolbar.
119
- * The possible values for this property as follows
120
- * * `Toolbar`: Text will be displayed on *Toolbar* only.
121
- * * `Overflow`: Text will be displayed only when content overflows to *popup*.
122
- * * `Both`: Text will be displayed on *popup* and *Toolbar*.
123
- *
124
- * @default 'Both'
125
- * @aspDefaultValue Syncfusion.EJ2.Navigations.DisplayMode.Both
126
- * @isEnumeration true
127
- * @aspType Syncfusion.EJ2.Navigations.DisplayMode
128
- */
129
- showTextOn?: DisplayMode;
130
-
131
- /**
132
- * Defines htmlAttributes used to add custom attributes to Toolbar command.
133
- * Supports HTML attributes such as style, class, etc.
134
- *
135
- * @default null
136
- */
137
- htmlAttributes?: { [key: string]: string };
138
-
139
- /**
140
- * Specifies the text to be displayed on hovering the Toolbar button.
141
- *
142
- * @default ""
143
- */
144
- tooltipText?: string;
145
-
146
- /**
147
- * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property.
148
- * The possible values for this property as follows
149
- * * `Left`: To align commands to the left side of the Toolbar.
150
- * * `Center`: To align commands at the center of the Toolbar.
151
- * * `Right`: To align commands to the right side of the Toolbar.
152
- *
153
- * @default 'Left'
154
- * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemAlign.Left
155
- * @isEnumeration true
156
- * @aspType Syncfusion.EJ2.Navigations.ItemAlign
157
- */
158
- align?: ItemAlign;
159
-
160
- /**
161
- * Specifies the tab order of the Toolbar items. When positive values assigned, it allows to switch focus to the next/previous toolbar items with Tab/ShiftTab keys.
162
- * By default, user can able to switch between items only via arrow keys.
163
- * If the value is set to 0 for all tool bar items, then tab switches based on element order.
164
- *
165
- * @default -1
166
- */
167
- tabIndex?: number;
168
-
169
- /**
170
- * Specifies the unique name for each toolbar item rendered in Schedule. This name is used to map the toolbar items in the Schedule component.
171
- *
172
- * To access the default toolbar items, provide the name below,
173
- *
174
- * * `Custom`: Schedule component render the custom toolbar item.
175
- * * `Previous`: Schedule component navigates to the previous date from the current date.
176
- * * `Next`: Schedule component navigates to the next date from the current date.
177
- * * `Today`: Schedule component navigates to the current date from any date.
178
- * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
179
- * * `DateRangeText`: Schedule component displays the current date text range.
180
- * * `NewEvent`: Schedule component render the icon to add a new event.
181
- *
182
- * @default 'Custom'
183
- * @aspDefaultValue Custom
184
- * @isEnumeration true
185
- * @aspType ToolbarName
186
- */
187
- name?: ToolbarName;
188
-
189
- /**
190
- * Event triggers when `click` the toolbar item.
191
- *
192
- * @event click
193
- */
194
- click?: EmitType<ClickEventArgs>;
9
+ * Specifies the unique ID to be used with button or input element of Toolbar items.
10
+ *
11
+ * @default ""
12
+ */
13
+ id?: string;
14
+
15
+ /**
16
+ * Specifies the text to be displayed on the Toolbar button.
17
+ *
18
+ * @default ""
19
+ */
20
+ text?: string;
21
+
22
+ /**
23
+ * Specifies the width of the Toolbar button commands.
24
+ *
25
+ * @default 'auto'
26
+ */
27
+ width?: number | string;
28
+
29
+ /**
30
+ * Defines single/multiple classes (separated by space) to be used for customization of commands.
31
+ *
32
+ * @default ""
33
+ */
34
+ cssClass?: string;
35
+
36
+ /**
37
+ * Defines the priority of items to display it in popup always.
38
+ * It allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
39
+ *
40
+ * @default false
41
+ */
42
+ showAlwaysInPopup?: boolean;
43
+
44
+ /**
45
+ * Specifies whether an item should be disabled or not.
46
+ *
47
+ * @default false
48
+ */
49
+ disabled?: boolean;
50
+
51
+ /**
52
+ * Defines single/multiple classes separated by space used to specify an icon for the button.
53
+ * The icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
54
+ *
55
+ * @default ""
56
+ */
57
+ prefixIcon?: string;
58
+
59
+ /**
60
+ * Defines single/multiple classes separated by space used to specify an icon for the button.
61
+ * The icon will be positioned after the text content if text is available.
62
+ *
63
+ * @default ""
64
+ */
65
+ suffixIcon?: string;
66
+
67
+ /**
68
+ * Specifies whether an item should be hidden or not.
69
+ *
70
+ * @default true
71
+ */
72
+ visible?: boolean;
73
+
74
+ /**
75
+ * Specifies the Toolbar command display area when an element's content is too large to fit available space.
76
+ * This is applicable only to `popup` mode. The possible values for this property as follows
77
+ * * `Show`: Always shows the item as the primary priority on the *Toolbar*.
78
+ * * `Hide`: Always shows the item as the secondary priority on the *popup*.
79
+ * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.
80
+ *
81
+ * @default 'None'
82
+ * @aspDefaultValue Syncfusion.EJ2.Navigations.OverflowOption.None
83
+ * @isEnumeration true
84
+ * @aspType Syncfusion.EJ2.Navigations.OverflowOption
85
+ */
86
+ overflow?: OverflowOption;
87
+
88
+ /**
89
+ * Specifies the HTML element/element ID as a string that can be added as a Toolbar command.
90
+ * ```
91
+ * E.g - items: [{ template: '<input placeholder="Search"/>' },{ template: '#checkbox1' }]
92
+ * ```
93
+ *
94
+ * @default ""
95
+ * @angularType string | object
96
+ * @reactType string | function | JSX.Element
97
+ * @vueType string | function
98
+ * @aspType string
99
+ */
100
+ template?: string | Object | Function;
101
+
102
+ /**
103
+ * Specifies the types of command to be rendered in the Toolbar.
104
+ * Supported types are:
105
+ * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc.
106
+ * * `Separator`: Adds a horizontal line that separates the Toolbar commands.
107
+ * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
108
+ * AutoComplete, etc.
109
+ *
110
+ * @default 'Button'
111
+ * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemType.Button
112
+ * @isEnumeration true
113
+ * @aspType Syncfusion.EJ2.Navigations.ItemType
114
+ */
115
+ type?: ItemType;
116
+
117
+ /**
118
+ * Specifies where the button text will be displayed on *popup mode* of the Toolbar.
119
+ * The possible values for this property as follows
120
+ * * `Toolbar`: Text will be displayed on *Toolbar* only.
121
+ * * `Overflow`: Text will be displayed only when content overflows to *popup*.
122
+ * * `Both`: Text will be displayed on *popup* and *Toolbar*.
123
+ *
124
+ * @default 'Both'
125
+ * @aspDefaultValue Syncfusion.EJ2.Navigations.DisplayMode.Both
126
+ * @isEnumeration true
127
+ * @aspType Syncfusion.EJ2.Navigations.DisplayMode
128
+ */
129
+ showTextOn?: DisplayMode;
130
+
131
+ /**
132
+ * Defines htmlAttributes used to add custom attributes to Toolbar command.
133
+ * Supports HTML attributes such as style, class, etc.
134
+ *
135
+ * @default null
136
+ */
137
+ htmlAttributes?: { [key: string]: string };
138
+
139
+ /**
140
+ * Specifies the text to be displayed on hovering the Toolbar button.
141
+ *
142
+ * @default ""
143
+ */
144
+ tooltipText?: string;
145
+
146
+ /**
147
+ * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property.
148
+ * The possible values for this property as follows
149
+ * * `Left`: To align commands to the left side of the Toolbar.
150
+ * * `Center`: To align commands at the center of the Toolbar.
151
+ * * `Right`: To align commands to the right side of the Toolbar.
152
+ *
153
+ * @default 'Left'
154
+ * @aspDefaultValue Syncfusion.EJ2.Navigations.ItemAlign.Left
155
+ * @isEnumeration true
156
+ * @aspType Syncfusion.EJ2.Navigations.ItemAlign
157
+ */
158
+ align?: ItemAlign;
159
+
160
+ /**
161
+ * Specifies the tab order of the Toolbar items. When positive values assigned, it allows to switch focus to the next/previous toolbar items with Tab/ShiftTab keys.
162
+ * By default, user can able to switch between items only via arrow keys.
163
+ * If the value is set to 0 for all tool bar items, then tab switches based on element order.
164
+ *
165
+ * @default -1
166
+ */
167
+ tabIndex?: number;
168
+
169
+ /**
170
+ * Specifies the unique name for each toolbar item rendered in Schedule. This name is used to map the toolbar items in the Schedule component.
171
+ *
172
+ * To access the default toolbar items, provide the name below,
173
+ *
174
+ * * `Custom`: Schedule component render the custom toolbar item.
175
+ * * `Previous`: Schedule component navigates to the previous date from the current date.
176
+ * * `Next`: Schedule component navigates to the next date from the current date.
177
+ * * `Today`: Schedule component navigates to the current date from any date.
178
+ * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
179
+ * * `DateRangeText`: Schedule component displays the current date text range.
180
+ * * `NewEvent`: Schedule component render the icon to add a new event.
181
+ *
182
+ * @default 'Custom'
183
+ * @aspDefaultValue Custom
184
+ * @isEnumeration true
185
+ * @aspType ToolbarName
186
+ */
187
+ name?: ToolbarName;
188
+
189
+ /**
190
+ * Event triggers when `click` the toolbar item.
191
+ *
192
+ * @event click
193
+ */
194
+ click?: EmitType<ClickEventArgs>;
195
195
 
196
196
  }
@@ -1,22 +1,22 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- };
8
- return function (d, b) {
9
- extendStatics(d, b);
10
- function __() { this.constructor = d; }
11
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
- };
13
- })();
14
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
15
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
16
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
17
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
18
- return c > 3 && r && Object.defineProperty(target, key, r), r;
19
- };
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
15
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
16
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
17
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
18
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
19
+ };
20
20
  import { Property, ChildProperty, Event } from '@syncfusion/ej2-base';
21
21
  var ToolbarItem = /** @class */ (function (_super) {
22
22
  __extends(ToolbarItem, _super);