@syncfusion/ej2-navigations 31.1.17 → 31.1.20

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 (188) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +1 -0
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +1 -0
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +14 -67
  12. package/src/treeview/treeview.js +1 -0
  13. package/styles/bds-lite.css +7 -6
  14. package/styles/bds.css +7 -6
  15. package/styles/bootstrap-dark-lite.css +6 -3
  16. package/styles/bootstrap-dark.css +6 -3
  17. package/styles/bootstrap-lite.css +6 -3
  18. package/styles/bootstrap.css +6 -3
  19. package/styles/bootstrap4-lite.css +13 -9
  20. package/styles/bootstrap4.css +24 -13
  21. package/styles/bootstrap5-dark-lite.css +6 -5
  22. package/styles/bootstrap5-dark.css +16 -7
  23. package/styles/bootstrap5-lite.css +6 -5
  24. package/styles/bootstrap5.3-lite.css +23 -10
  25. package/styles/bootstrap5.3.css +34 -13
  26. package/styles/bootstrap5.css +16 -7
  27. package/styles/fabric-dark-lite.css +6 -3
  28. package/styles/fabric-dark.css +6 -3
  29. package/styles/fabric-lite.css +6 -3
  30. package/styles/fabric.css +6 -3
  31. package/styles/fluent-dark-lite.css +16 -12
  32. package/styles/fluent-dark.css +26 -15
  33. package/styles/fluent-lite.css +16 -12
  34. package/styles/fluent.css +26 -15
  35. package/styles/fluent2-lite.css +6 -4
  36. package/styles/fluent2.css +6 -4
  37. package/styles/highcontrast-light-lite.css +4 -4
  38. package/styles/highcontrast-light.css +4 -4
  39. package/styles/highcontrast-lite.css +14 -10
  40. package/styles/highcontrast.css +26 -13
  41. package/styles/material-dark-lite.css +19 -13
  42. package/styles/material-dark.css +39 -17
  43. package/styles/material-lite.css +19 -10
  44. package/styles/material.css +36 -13
  45. package/styles/material3-dark-lite.css +4 -4
  46. package/styles/material3-dark.css +5 -4
  47. package/styles/material3-lite.css +4 -4
  48. package/styles/material3.css +5 -4
  49. package/styles/menu/_bootstrap-dark-definition.scss +1 -0
  50. package/styles/menu/_bootstrap-definition.scss +1 -0
  51. package/styles/menu/_fluent-definition.scss +1 -1
  52. package/styles/menu/_fluent2-definition.scss +1 -1
  53. package/styles/menu/_layout.scss +7 -1
  54. package/styles/menu/bds.css +1 -0
  55. package/styles/menu/bootstrap-dark.css +1 -0
  56. package/styles/menu/bootstrap.css +1 -0
  57. package/styles/menu/bootstrap4.css +1 -0
  58. package/styles/menu/bootstrap5-dark.css +1 -0
  59. package/styles/menu/bootstrap5.3.css +1 -0
  60. package/styles/menu/bootstrap5.css +1 -0
  61. package/styles/menu/fabric-dark.css +1 -0
  62. package/styles/menu/fabric.css +1 -0
  63. package/styles/menu/fluent-dark.css +2 -1
  64. package/styles/menu/fluent.css +2 -1
  65. package/styles/menu/fluent2.css +2 -1
  66. package/styles/menu/highcontrast-light.css +1 -0
  67. package/styles/menu/highcontrast.css +1 -0
  68. package/styles/menu/material-dark.css +1 -0
  69. package/styles/menu/material.css +1 -0
  70. package/styles/menu/material3-dark.css +1 -0
  71. package/styles/menu/material3.css +1 -0
  72. package/styles/menu/tailwind-dark.css +1 -0
  73. package/styles/menu/tailwind.css +1 -0
  74. package/styles/menu/tailwind3.css +1 -0
  75. package/styles/tailwind-dark-lite.css +6 -5
  76. package/styles/tailwind-dark.css +6 -5
  77. package/styles/tailwind-lite.css +6 -5
  78. package/styles/tailwind.css +6 -5
  79. package/styles/tailwind3-lite.css +11 -5
  80. package/styles/tailwind3.css +18 -5
  81. package/styles/treeview/_bds-definition.scss +1 -1
  82. package/styles/treeview/_bigger.scss +91 -0
  83. package/styles/treeview/_bootstrap4-definition.scss +7 -7
  84. package/styles/treeview/_bootstrap5-definition.scss +2 -2
  85. package/styles/treeview/_bootstrap5.3-definition.scss +8 -8
  86. package/styles/treeview/_fluent-definition.scss +6 -6
  87. package/styles/treeview/_highcontrast-definition.scss +6 -6
  88. package/styles/treeview/_layout.scss +67 -16
  89. package/styles/treeview/_material-dark-definition.scss +7 -7
  90. package/styles/treeview/_material-definition.scss +6 -6
  91. package/styles/treeview/_tailwind3-definition.scss +1 -1
  92. package/styles/treeview/_theme.scss +7 -2
  93. package/styles/treeview/bds.css +6 -6
  94. package/styles/treeview/bootstrap-dark.css +5 -3
  95. package/styles/treeview/bootstrap.css +5 -3
  96. package/styles/treeview/bootstrap4.css +23 -13
  97. package/styles/treeview/bootstrap5-dark.css +15 -7
  98. package/styles/treeview/bootstrap5.3.css +33 -13
  99. package/styles/treeview/bootstrap5.css +15 -7
  100. package/styles/treeview/fabric-dark.css +5 -3
  101. package/styles/treeview/fabric.css +5 -3
  102. package/styles/treeview/fluent-dark.css +24 -14
  103. package/styles/treeview/fluent.css +24 -14
  104. package/styles/treeview/fluent2.css +4 -3
  105. package/styles/treeview/highcontrast-light.css +3 -4
  106. package/styles/treeview/highcontrast.css +25 -13
  107. package/styles/treeview/material-dark.css +38 -17
  108. package/styles/treeview/material.css +35 -13
  109. package/styles/treeview/material3-dark.css +4 -4
  110. package/styles/treeview/material3.css +4 -4
  111. package/styles/treeview/tailwind-dark.css +5 -5
  112. package/styles/treeview/tailwind.css +5 -5
  113. package/styles/treeview/tailwind3.css +17 -5
  114. package/dist/ts/accordion/accordion-model.d.ts +0 -285
  115. package/dist/ts/accordion/accordion.d.ts +0 -458
  116. package/dist/ts/accordion/accordion.ts +0 -1580
  117. package/dist/ts/accordion/index.d.ts +0 -5
  118. package/dist/ts/accordion/index.ts +0 -5
  119. package/dist/ts/appbar/appbar-model.d.ts +0 -76
  120. package/dist/ts/appbar/appbar.d.ts +0 -115
  121. package/dist/ts/appbar/appbar.ts +0 -281
  122. package/dist/ts/appbar/index.d.ts +0 -3
  123. package/dist/ts/appbar/index.ts +0 -3
  124. package/dist/ts/breadcrumb/breadcrumb-model.d.ts +0 -170
  125. package/dist/ts/breadcrumb/breadcrumb.d.ts +0 -297
  126. package/dist/ts/breadcrumb/breadcrumb.ts +0 -959
  127. package/dist/ts/breadcrumb/index.d.ts +0 -5
  128. package/dist/ts/breadcrumb/index.ts +0 -5
  129. package/dist/ts/carousel/carousel-model.d.ts +0 -282
  130. package/dist/ts/carousel/carousel.d.ts +0 -439
  131. package/dist/ts/carousel/carousel.ts +0 -1633
  132. package/dist/ts/carousel/index.d.ts +0 -3
  133. package/dist/ts/carousel/index.ts +0 -3
  134. package/dist/ts/common/h-scroll-model.d.ts +0 -16
  135. package/dist/ts/common/h-scroll.d.ts +0 -105
  136. package/dist/ts/common/h-scroll.ts +0 -481
  137. package/dist/ts/common/index.d.ts +0 -9
  138. package/dist/ts/common/index.ts +0 -10
  139. package/dist/ts/common/menu-base-model.d.ts +0 -308
  140. package/dist/ts/common/menu-base.d.ts +0 -558
  141. package/dist/ts/common/menu-base.ts +0 -2736
  142. package/dist/ts/common/menu-scroll.d.ts +0 -29
  143. package/dist/ts/common/menu-scroll.ts +0 -105
  144. package/dist/ts/common/v-scroll-model.d.ts +0 -16
  145. package/dist/ts/common/v-scroll.d.ts +0 -106
  146. package/dist/ts/common/v-scroll.ts +0 -454
  147. package/dist/ts/context-menu/context-menu-model.d.ts +0 -47
  148. package/dist/ts/context-menu/context-menu.d.ts +0 -102
  149. package/dist/ts/context-menu/context-menu.ts +0 -165
  150. package/dist/ts/context-menu/index.d.ts +0 -5
  151. package/dist/ts/context-menu/index.ts +0 -5
  152. package/dist/ts/index.d.ts +0 -16
  153. package/dist/ts/index.ts +0 -16
  154. package/dist/ts/menu/index.d.ts +0 -5
  155. package/dist/ts/menu/index.ts +0 -5
  156. package/dist/ts/menu/menu-model.d.ts +0 -70
  157. package/dist/ts/menu/menu.d.ts +0 -127
  158. package/dist/ts/menu/menu.ts +0 -313
  159. package/dist/ts/sidebar/index.d.ts +0 -5
  160. package/dist/ts/sidebar/index.ts +0 -5
  161. package/dist/ts/sidebar/sidebar-model.d.ts +0 -200
  162. package/dist/ts/sidebar/sidebar.d.ts +0 -336
  163. package/dist/ts/sidebar/sidebar.ts +0 -907
  164. package/dist/ts/stepper/index.d.ts +0 -3
  165. package/dist/ts/stepper/index.ts +0 -3
  166. package/dist/ts/stepper/stepper-model.d.ts +0 -159
  167. package/dist/ts/stepper/stepper.d.ts +0 -381
  168. package/dist/ts/stepper/stepper.ts +0 -1350
  169. package/dist/ts/stepper-base/index.d.ts +0 -5
  170. package/dist/ts/stepper-base/index.ts +0 -6
  171. package/dist/ts/stepper-base/stepper-base-model.d.ts +0 -124
  172. package/dist/ts/stepper-base/stepper-base.d.ts +0 -187
  173. package/dist/ts/stepper-base/stepper-base.ts +0 -290
  174. package/dist/ts/tab/index.d.ts +0 -5
  175. package/dist/ts/tab/index.ts +0 -5
  176. package/dist/ts/tab/tab-model.d.ts +0 -408
  177. package/dist/ts/tab/tab.d.ts +0 -715
  178. package/dist/ts/tab/tab.ts +0 -2842
  179. package/dist/ts/toolbar/index.d.ts +0 -5
  180. package/dist/ts/toolbar/index.ts +0 -5
  181. package/dist/ts/toolbar/toolbar-model.d.ts +0 -294
  182. package/dist/ts/toolbar/toolbar.d.ts +0 -541
  183. package/dist/ts/toolbar/toolbar.ts +0 -2646
  184. package/dist/ts/treeview/index.d.ts +0 -5
  185. package/dist/ts/treeview/index.ts +0 -5
  186. package/dist/ts/treeview/treeview-model.d.ts +0 -637
  187. package/dist/ts/treeview/treeview.d.ts +0 -1518
  188. package/dist/ts/treeview/treeview.ts +0 -6780
@@ -1,297 +0,0 @@
1
- import { Component, INotifyPropertyChanged, ChildProperty, EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
2
- import { BreadcrumbModel, BreadcrumbItemModel } from './breadcrumb-model';
3
- /**
4
- * Defines the Breadcrumb overflow modes.
5
- */
6
- export declare enum BreadcrumbOverflowMode {
7
- /**
8
- * Hidden mode shows the maximum number of items possible in the container space and hides the remaining items.
9
- * Clicking on a previous item will make the hidden item visible.
10
- */
11
- Hidden = "Hidden",
12
- /**
13
- * Collapsed mode shows the first and last Breadcrumb items and hides the remaining items with a collapsed icon.
14
- * When the collapsed icon is clicked, all items become visible and navigable.
15
- */
16
- Collapsed = "Collapsed",
17
- /**
18
- * Menu mode shows the number of Breadcrumb items that can be accommodated within the container space and creates a submenu with the remaining items.
19
- */
20
- Menu = "Menu",
21
- /**
22
- * Wrap mode wraps the items to multiple lines when the Breadcrumb’s width exceeds the container space.
23
- */
24
- Wrap = "Wrap",
25
- /**
26
- * Scroll mode shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
27
- */
28
- Scroll = "Scroll",
29
- /**
30
- * None mode shows all the items in a single line.
31
- */
32
- None = "None"
33
- }
34
- export declare class BreadcrumbItem extends ChildProperty<BreadcrumbItem> {
35
- /**
36
- * Specifies the text content of the Breadcrumb item.
37
- *
38
- * @default ''
39
- */
40
- text: string;
41
- /**
42
- * Specifies the id of the Breadcrumb item.
43
- *
44
- * @default ''
45
- */
46
- id: string;
47
- /**
48
- * Specifies the Url of the Breadcrumb item that will be activated when clicked.
49
- *
50
- * @default ''
51
- */
52
- url: string;
53
- /**
54
- * Defines a class/multiple classes separated by a space for the item that is used to include an icon.
55
- *
56
- * @default null
57
- */
58
- iconCss: string;
59
- /**
60
- * Enable or disable the breadcrumb item, when set to true, the breadcrumb item will be disabled.
61
- *
62
- * @default false
63
- */
64
- disabled: boolean;
65
- }
66
- /**
67
- * Interface for item click event.
68
- */
69
- export interface BreadcrumbClickEventArgs extends BaseEventArgs {
70
- /**
71
- * Specifies the item's element.
72
- */
73
- element: HTMLElement;
74
- /**
75
- * Specifies the Breadcrumb item.
76
- */
77
- item: BreadcrumbItemModel;
78
- /**
79
- * Specifies the item click event.
80
- */
81
- event: Event;
82
- /**
83
- * Cancels the Breadcrumb item after click action.
84
- */
85
- cancel: boolean;
86
- }
87
- /**
88
- * Interface for before item render event.
89
- */
90
- export interface BreadcrumbBeforeItemRenderEventArgs extends BaseEventArgs {
91
- /**
92
- * Specifies the item's element.
93
- */
94
- element: HTMLElement;
95
- /**
96
- * Specifies the Breadcrumb item.
97
- */
98
- item: BreadcrumbItemModel;
99
- /**
100
- * Cancels the Breadcrumb item rendering.
101
- */
102
- cancel: boolean;
103
- }
104
- /**
105
- * Breadcrumb is a graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites.
106
- * The aim is to make the user aware of their current position in a hierarchy of website links.
107
- * ```html
108
- * <nav id='breadcrumb'></nav>
109
- * ```
110
- * ```typescript
111
- * <script>
112
- * var breadcrumbObj = new Breadcrumb({ items: [{ text: 'Home', url: '/' }, { text: 'Index', url: './index.html }]});
113
- * breadcrumbObj.appendTo("#breadcrumb");
114
- * </script>
115
- * ```
116
- */
117
- export declare class Breadcrumb extends Component<HTMLElement> implements INotifyPropertyChanged {
118
- private isExpanded;
119
- private startIndex;
120
- private endIndex;
121
- private _maxItems;
122
- private popupObj;
123
- private popupUl;
124
- private delegateClickHanlder;
125
- private isPopupCreated;
126
- /**
127
- * Defines the Url based on which the Breadcrumb items are generated.
128
- *
129
- * @default ''
130
- */
131
- url: string;
132
- /**
133
- * Defines the list of Breadcrumb items.
134
- *
135
- * @default []
136
- */
137
- items: BreadcrumbItemModel[];
138
- /**
139
- * Specifies the Url of the active Breadcrumb item.
140
- *
141
- * @default ''
142
- */
143
- activeItem: string;
144
- /**
145
- * Specifies an integer to enable overflow behavior when the Breadcrumb items count exceeds and it is based on the overflowMode property.
146
- *
147
- * @default -1
148
- * @aspType int
149
- */
150
- maxItems: number;
151
- /**
152
- * Specifies the overflow mode of the Breadcrumb item when it exceeds maxItems count. The possible values are,
153
- * - Default: Specified maxItems count will be visible and the remaining items will be hidden. While clicking on the previous item, the hidden item will become visible.
154
- * - Collapsed: Only the first and last items will be visible, and the remaining items will be hidden in the collapsed icon. When the collapsed icon is clicked, all items become visible.
155
- * - Menu: Shows the number of breadcrumb items that can be accommodated within the container space, and creates a sub menu with the remaining items.
156
- * - Wrap: Wraps the items on multiple lines when the Breadcrumb’s width exceeds the container space.
157
- * - Scroll: Shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
158
- * - None: Shows all the items on a single line.
159
- *
160
- * @isenumeration true
161
- * @default BreadcrumbOverflowMode.Menu
162
- * @asptype BreadcrumbOverflowMode
163
- */
164
- overflowMode: string | BreadcrumbOverflowMode;
165
- /**
166
- * Defines class/multiple classes separated by a space in the Breadcrumb element.
167
- *
168
- * @default ''
169
- */
170
- cssClass: string;
171
- /**
172
- * Specifies the template for Breadcrumb item.
173
- *
174
- * @default null
175
- * @aspType string
176
- */
177
- itemTemplate: string | Function;
178
- /**
179
- * Specifies the separator template for Breadcrumb.
180
- *
181
- * @default '/'
182
- * @aspType string
183
- */
184
- separatorTemplate: string | Function;
185
- /**
186
- * Enable or disable the item's navigation, when set to false, each item navigation will be prevented.
187
- *
188
- * @default true
189
- */
190
- enableNavigation: boolean;
191
- /**
192
- * Enable or disable the active item navigation, when set to true, active item will be navigable.
193
- *
194
- * @default false
195
- */
196
- enableActiveItemNavigation: boolean;
197
- /**
198
- * Enable or disable the breadcrumb, when set to true, the breadcrumb will be disabled.
199
- *
200
- * @default false
201
- */
202
- disabled: boolean;
203
- /**
204
- * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
205
- *
206
- * @default ''
207
- * @private
208
- * @aspIgnore
209
- */
210
- locale: string;
211
- /**
212
- * Triggers while rendering each breadcrumb item.
213
- *
214
- * @event beforeItemRender
215
- */
216
- beforeItemRender: EmitType<BreadcrumbBeforeItemRenderEventArgs>;
217
- /**
218
- * Triggers while clicking the breadcrumb item.
219
- *
220
- * @event itemClick
221
- */
222
- itemClick: EmitType<BreadcrumbClickEventArgs>;
223
- /**
224
- * Triggers once the component rendering is completed.
225
- *
226
- * @event created
227
- */
228
- created: EmitType<Event>;
229
- /**
230
- * Constructor for creating the widget.
231
- *
232
- * @private
233
- * @param {BreadcrumbModel} options - Specifies the Breadcrumb model.
234
- * @param {string | HTMLElement} element - Specifies the element.
235
- */
236
- constructor(options?: BreadcrumbModel, element?: string | HTMLElement);
237
- /**
238
- * @private
239
- * @returns {void}
240
- */
241
- protected preRender(): void;
242
- /**
243
- * Initialize the control rendering.
244
- *
245
- * @private
246
- * @returns {void}
247
- */
248
- protected render(): void;
249
- private initialize;
250
- private initPvtProps;
251
- private getEndIndex;
252
- private initItems;
253
- private renderItems;
254
- private calculateMaxItems;
255
- private hasField;
256
- private getMenuElement;
257
- private beforeItemRenderChanges;
258
- private reRenderItems;
259
- private clickHandler;
260
- private renderPopup;
261
- private documentClickHandler;
262
- private resize;
263
- private expandHandler;
264
- private keyDownHandler;
265
- private popupKeyDownHandler;
266
- /**
267
- * Called internally if any of the property value changed.
268
- *
269
- * @private
270
- * @param {BreadcrumbModel} newProp - Specifies the new properties.
271
- * @param {BreadcrumbModel} oldProp - Specifies the old properties.
272
- * @returns {void}
273
- */
274
- onPropertyChanged(newProp: BreadcrumbModel, oldProp: BreadcrumbModel): void;
275
- private wireEvents;
276
- private popupWireEvents;
277
- private unWireEvents;
278
- /**
279
- * Get the properties to be maintained in the persisted state.
280
- *
281
- * @returns {string} - Persist data
282
- */
283
- protected getPersistData(): string;
284
- /**
285
- * Get module name.
286
- *
287
- * @private
288
- * @returns {string} - Module Name
289
- */
290
- protected getModuleName(): string;
291
- /**
292
- * Destroys the widget.
293
- *
294
- * @returns {void}
295
- */
296
- destroy(): void;
297
- }