@syncfusion/ej2-filemanager 29.2.4 → 30.1.37

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 (163) hide show
  1. package/.eslintrc.json +2 -0
  2. package/dist/ej2-filemanager.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js +2 -2
  4. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-filemanager.es2015.js +181 -20
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +182 -20
  8. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  9. package/dist/global/ej2-filemanager.min.js +2 -2
  10. package/dist/global/ej2-filemanager.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/dist/ts/file-manager/actions/breadcrumb-bar.d.ts +60 -0
  13. package/dist/ts/file-manager/actions/breadcrumb-bar.ts +423 -0
  14. package/dist/ts/file-manager/actions/index.d.ts +6 -0
  15. package/dist/ts/file-manager/actions/index.ts +6 -0
  16. package/dist/ts/file-manager/actions/toolbar.d.ts +54 -0
  17. package/dist/ts/file-manager/actions/toolbar.ts +609 -0
  18. package/dist/ts/file-manager/actions/virtualization.d.ts +93 -0
  19. package/dist/ts/file-manager/actions/virtualization.ts +324 -0
  20. package/dist/ts/file-manager/base/classes.d.ts +224 -0
  21. package/dist/ts/file-manager/base/classes.ts +225 -0
  22. package/dist/ts/file-manager/base/constant.d.ts +136 -0
  23. package/dist/ts/file-manager/base/constant.ts +137 -0
  24. package/dist/ts/file-manager/base/file-manager-model.d.ts +520 -0
  25. package/dist/ts/file-manager/base/file-manager.d.ts +867 -0
  26. package/dist/ts/file-manager/base/file-manager.ts +2061 -0
  27. package/dist/ts/file-manager/base/index.d.ts +8 -0
  28. package/dist/ts/file-manager/base/index.ts +8 -0
  29. package/dist/ts/file-manager/base/interface.d.ts +952 -0
  30. package/dist/ts/file-manager/base/interface.ts +931 -0
  31. package/dist/ts/file-manager/common/index.d.ts +5 -0
  32. package/dist/ts/file-manager/common/index.ts +5 -0
  33. package/dist/ts/file-manager/common/operations.d.ts +122 -0
  34. package/dist/ts/file-manager/common/operations.ts +1369 -0
  35. package/dist/ts/file-manager/common/utility.d.ts +644 -0
  36. package/dist/ts/file-manager/common/utility.ts +1728 -0
  37. package/dist/ts/file-manager/index.d.ts +9 -0
  38. package/dist/ts/file-manager/index.ts +9 -0
  39. package/dist/ts/file-manager/layout/details-view.d.ts +152 -0
  40. package/dist/ts/file-manager/layout/details-view.ts +1990 -0
  41. package/dist/ts/file-manager/layout/index.d.ts +6 -0
  42. package/dist/ts/file-manager/layout/index.ts +6 -0
  43. package/dist/ts/file-manager/layout/large-icons-view.d.ts +157 -0
  44. package/dist/ts/file-manager/layout/large-icons-view.ts +1684 -0
  45. package/dist/ts/file-manager/layout/navigation-pane.d.ts +104 -0
  46. package/dist/ts/file-manager/layout/navigation-pane.ts +919 -0
  47. package/dist/ts/file-manager/models/ajax-settings-model.d.ts +36 -0
  48. package/dist/ts/file-manager/models/ajax-settings.d.ts +30 -0
  49. package/dist/ts/file-manager/models/ajax-settings.ts +39 -0
  50. package/dist/ts/file-manager/models/column-model.d.ts +155 -0
  51. package/dist/ts/file-manager/models/column.d.ts +179 -0
  52. package/dist/ts/file-manager/models/column.ts +216 -0
  53. package/dist/ts/file-manager/models/contextMenu-settings-model.d.ts +36 -0
  54. package/dist/ts/file-manager/models/contextMenu-settings.d.ts +33 -0
  55. package/dist/ts/file-manager/models/contextMenu-settings.ts +44 -0
  56. package/dist/ts/file-manager/models/default-locale.d.ts +4 -0
  57. package/dist/ts/file-manager/models/default-locale.ts +101 -0
  58. package/dist/ts/file-manager/models/details-view-settings-model.d.ts +30 -0
  59. package/dist/ts/file-manager/models/details-view-settings.d.ts +31 -0
  60. package/dist/ts/file-manager/models/details-view-settings.ts +54 -0
  61. package/dist/ts/file-manager/models/index.d.ts +19 -0
  62. package/dist/ts/file-manager/models/index.ts +19 -0
  63. package/dist/ts/file-manager/models/navigation-pane-settings-model.d.ts +40 -0
  64. package/dist/ts/file-manager/models/navigation-pane-settings.d.ts +34 -0
  65. package/dist/ts/file-manager/models/navigation-pane-settings.ts +42 -0
  66. package/dist/ts/file-manager/models/search-settings-model.d.ts +42 -0
  67. package/dist/ts/file-manager/models/search-settings.d.ts +44 -0
  68. package/dist/ts/file-manager/models/search-settings.ts +53 -0
  69. package/dist/ts/file-manager/models/toolbar-settings-model.d.ts +197 -0
  70. package/dist/ts/file-manager/models/toolbar-settings.d.ts +174 -0
  71. package/dist/ts/file-manager/models/toolbar-settings.ts +198 -0
  72. package/dist/ts/file-manager/models/upload-settings-model.d.ts +70 -0
  73. package/dist/ts/file-manager/models/upload-settings.d.ts +61 -0
  74. package/dist/ts/file-manager/models/upload-settings.ts +75 -0
  75. package/dist/ts/file-manager/pop-up/context-menu.d.ts +64 -0
  76. package/dist/ts/file-manager/pop-up/context-menu.ts +693 -0
  77. package/dist/ts/file-manager/pop-up/dialog.d.ts +31 -0
  78. package/dist/ts/file-manager/pop-up/dialog.ts +1009 -0
  79. package/dist/ts/file-manager/pop-up/index.d.ts +5 -0
  80. package/dist/ts/file-manager/pop-up/index.ts +5 -0
  81. package/dist/ts/index.d.ts +4 -0
  82. package/dist/ts/index.ts +4 -0
  83. package/package.json +16 -17
  84. package/src/file-manager/base/interface.d.ts +10 -0
  85. package/src/file-manager/common/operations.d.ts +18 -1
  86. package/src/file-manager/common/operations.js +59 -0
  87. package/src/file-manager/common/utility.d.ts +3 -3
  88. package/src/file-manager/common/utility.js +20 -6
  89. package/src/file-manager/layout/details-view.js +4 -3
  90. package/src/file-manager/layout/large-icons-view.d.ts +3 -0
  91. package/src/file-manager/layout/large-icons-view.js +67 -9
  92. package/src/file-manager/layout/navigation-pane.js +2 -0
  93. package/src/file-manager/pop-up/dialog.d.ts +3 -3
  94. package/src/file-manager/pop-up/dialog.js +34 -6
  95. package/styles/bds-lite.css +51 -1
  96. package/styles/bds.css +51 -1
  97. package/styles/bootstrap-dark-lite.css +51 -0
  98. package/styles/bootstrap-dark.css +51 -0
  99. package/styles/bootstrap-lite.css +51 -0
  100. package/styles/bootstrap.css +51 -0
  101. package/styles/bootstrap4-lite.css +51 -0
  102. package/styles/bootstrap4.css +51 -0
  103. package/styles/bootstrap5-dark-lite.css +51 -1
  104. package/styles/bootstrap5-dark.css +51 -1
  105. package/styles/bootstrap5-lite.css +51 -1
  106. package/styles/bootstrap5.3-lite.css +51 -0
  107. package/styles/bootstrap5.3.css +51 -0
  108. package/styles/bootstrap5.css +51 -1
  109. package/styles/fabric-dark-lite.css +51 -0
  110. package/styles/fabric-dark.css +51 -0
  111. package/styles/fabric-lite.css +51 -0
  112. package/styles/fabric.css +51 -0
  113. package/styles/file-manager/_bds-definition.scss +1 -0
  114. package/styles/file-manager/_bootstrap5-definition.scss +1 -0
  115. package/styles/file-manager/_layout.scss +46 -4
  116. package/styles/file-manager/_material3-definition.scss +2 -2
  117. package/styles/file-manager/_tailwind-definition.scss +1 -0
  118. package/styles/file-manager/_tailwind3-definition.scss +1 -0
  119. package/styles/file-manager/bds.css +51 -1
  120. package/styles/file-manager/bootstrap-dark.css +51 -0
  121. package/styles/file-manager/bootstrap.css +51 -0
  122. package/styles/file-manager/bootstrap4.css +51 -0
  123. package/styles/file-manager/bootstrap5-dark.css +51 -1
  124. package/styles/file-manager/bootstrap5.3.css +51 -0
  125. package/styles/file-manager/bootstrap5.css +51 -1
  126. package/styles/file-manager/fabric-dark.css +51 -0
  127. package/styles/file-manager/fabric.css +51 -0
  128. package/styles/file-manager/fluent-dark.css +51 -0
  129. package/styles/file-manager/fluent.css +51 -0
  130. package/styles/file-manager/fluent2.css +51 -0
  131. package/styles/file-manager/highcontrast-light.css +51 -0
  132. package/styles/file-manager/highcontrast.css +51 -0
  133. package/styles/file-manager/material-dark.css +51 -0
  134. package/styles/file-manager/material.css +51 -0
  135. package/styles/file-manager/material3-dark.css +53 -2
  136. package/styles/file-manager/material3.css +53 -2
  137. package/styles/file-manager/tailwind-dark.css +51 -1
  138. package/styles/file-manager/tailwind.css +51 -1
  139. package/styles/file-manager/tailwind3.css +51 -0
  140. package/styles/fluent-dark-lite.css +51 -0
  141. package/styles/fluent-dark.css +51 -0
  142. package/styles/fluent-lite.css +51 -0
  143. package/styles/fluent.css +51 -0
  144. package/styles/fluent2-lite.css +51 -0
  145. package/styles/fluent2.css +51 -0
  146. package/styles/highcontrast-light-lite.css +51 -0
  147. package/styles/highcontrast-light.css +51 -0
  148. package/styles/highcontrast-lite.css +51 -0
  149. package/styles/highcontrast.css +51 -0
  150. package/styles/material-dark-lite.css +51 -0
  151. package/styles/material-dark.css +51 -0
  152. package/styles/material-lite.css +51 -0
  153. package/styles/material.css +51 -0
  154. package/styles/material3-dark-lite.css +51 -0
  155. package/styles/material3-dark.css +53 -2
  156. package/styles/material3-lite.css +51 -0
  157. package/styles/material3.css +53 -2
  158. package/styles/tailwind-dark-lite.css +51 -1
  159. package/styles/tailwind-dark.css +51 -1
  160. package/styles/tailwind-lite.css +51 -1
  161. package/styles/tailwind.css +51 -1
  162. package/styles/tailwind3-lite.css +51 -0
  163. package/styles/tailwind3.css +51 -0
@@ -0,0 +1,36 @@
1
+ import { Property, ChildProperty } from '@syncfusion/ej2-base';
2
+
3
+ /**
4
+ * Interface for a class AjaxSettings
5
+ */
6
+ export interface AjaxSettingsModel {
7
+
8
+ /**
9
+ * Specifies URL to download the files from server.
10
+ *
11
+ * @default null
12
+ */
13
+ downloadUrl?: string;
14
+
15
+ /**
16
+ * Specifies URL to get the images from server.
17
+ *
18
+ * @default null
19
+ */
20
+ getImageUrl?: string;
21
+
22
+ /**
23
+ * Specifies URL to upload the files to server.
24
+ *
25
+ * @default null
26
+ */
27
+ uploadUrl?: string;
28
+
29
+ /**
30
+ * Specifies URL to read the files from server.
31
+ *
32
+ * @default null
33
+ */
34
+ url?: string;
35
+
36
+ }
@@ -0,0 +1,30 @@
1
+ import { ChildProperty } from '@syncfusion/ej2-base';
2
+ /**
3
+ * Specifies the Ajax settings of the File Manager.
4
+ */
5
+ export declare class AjaxSettings extends ChildProperty<AjaxSettings> {
6
+ /**
7
+ * Specifies URL to download the files from server.
8
+ *
9
+ * @default null
10
+ */
11
+ downloadUrl: string;
12
+ /**
13
+ * Specifies URL to get the images from server.
14
+ *
15
+ * @default null
16
+ */
17
+ getImageUrl: string;
18
+ /**
19
+ * Specifies URL to upload the files to server.
20
+ *
21
+ * @default null
22
+ */
23
+ uploadUrl: string;
24
+ /**
25
+ * Specifies URL to read the files from server.
26
+ *
27
+ * @default null
28
+ */
29
+ url: string;
30
+ }
@@ -0,0 +1,39 @@
1
+ import { Property, ChildProperty } from '@syncfusion/ej2-base';
2
+
3
+ /**
4
+ * Specifies the Ajax settings of the File Manager.
5
+ */
6
+ export class AjaxSettings extends ChildProperty<AjaxSettings> {
7
+ /**
8
+ * Specifies URL to download the files from server.
9
+ *
10
+ * @default null
11
+ */
12
+ @Property(null)
13
+ public downloadUrl: string;
14
+
15
+ /**
16
+ * Specifies URL to get the images from server.
17
+ *
18
+ * @default null
19
+ */
20
+ @Property(null)
21
+ public getImageUrl: string;
22
+
23
+ /**
24
+ * Specifies URL to upload the files to server.
25
+ *
26
+ * @default null
27
+ */
28
+ @Property(null)
29
+ public uploadUrl: string;
30
+
31
+ /**
32
+ * Specifies URL to read the files from server.
33
+ *
34
+ * @default null
35
+ */
36
+ @Property(null)
37
+ public url: string;
38
+ }
39
+
@@ -0,0 +1,155 @@
1
+ import { Property, ChildProperty, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';import { SortComparer } from '../base/interface';
2
+ import {TextAlign} from "./column";
3
+
4
+ /**
5
+ * Interface for a class Column
6
+ */
7
+ export interface ColumnModel {
8
+
9
+ /**
10
+ * Defines the field name of column which is mapped with mapping name of DataSource.
11
+ * The bounded columns can be sort, filter and group etc.,
12
+ * The `field` name must be a valid JavaScript identifier,
13
+ * the first character must be an alphabet and should not contain spaces and special characters.
14
+ *
15
+ * @default ''
16
+ */
17
+ field?: string;
18
+
19
+ /**
20
+ * Defines the header text of column which is used to display in column header.
21
+ * If `headerText` is not defined, then field name value will be assigned to header text.
22
+ *
23
+ * @default ''
24
+ */
25
+ headerText?: string;
26
+
27
+ /**
28
+ * Defines the width of the column in pixels or percentage.
29
+ *
30
+ * @default ''
31
+ */
32
+ width?: string | number;
33
+
34
+ /**
35
+ * Defines the minimum width of the column in pixels or percentage.
36
+ *
37
+ * @default ''
38
+ */
39
+ minWidth?: string | number;
40
+
41
+ /**
42
+ * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.
43
+ *
44
+ * @default ''
45
+ */
46
+ maxWidth?: string | number;
47
+
48
+ /**
49
+ * Defines the alignment of the column in both header and content cells.
50
+ *
51
+ * @default Left
52
+ */
53
+ textAlign?: TextAlign;
54
+
55
+ /**
56
+ * Define the alignment of column header which is used to align the text of column header.
57
+ *
58
+ * @default null
59
+ */
60
+ headerTextAlign?: TextAlign;
61
+
62
+ /**
63
+ * Defines the data type of the column.
64
+ *
65
+ * @default null
66
+ */
67
+ type?: string;
68
+
69
+ /**
70
+ * It is used to change display value with the given format and does not affect the original data.
71
+ * Gets the format from the user which can be standard or custom
72
+ * [`number`](../../common/internationalization/#manipulating-numbers)
73
+ * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
74
+ *
75
+ * @default null
76
+ * @aspType string
77
+ */
78
+ format?: string | NumberFormatOptions | DateFormatOptions;
79
+
80
+ /**
81
+ * Defines the column template that renders customized element in each cell of the column.
82
+ * It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
83
+ *
84
+ * @default null
85
+ * @aspType string
86
+ */
87
+ template?: string | Function;
88
+
89
+ /**
90
+ * Defines the custom sort comparer function.
91
+ * The sort comparer function has the same functionality like
92
+ * [`Array.sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) sort comparer.
93
+ *
94
+ * @default null
95
+ * @aspType string
96
+ */
97
+ sortComparer?: SortComparer | string;
98
+
99
+ /**
100
+ * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
101
+ *
102
+ * @default null
103
+ * @aspType string
104
+ */
105
+ headerTemplate?: string | Function;
106
+
107
+ /**
108
+ * If `allowSorting` set to false, then it disables sorting option of a particular column.
109
+ * By default all columns are sortable.
110
+ *
111
+ * @default true
112
+ */
113
+ allowSorting?: boolean;
114
+
115
+ /**
116
+ * If `allowResizing` set to false, it disables resize option of a particular column.
117
+ *
118
+ * @default true
119
+ */
120
+ allowResizing?: boolean;
121
+
122
+ /**
123
+ * The CSS styles and attributes of the content cells of a particular column can be customized.
124
+ *
125
+ * @default null
126
+ */
127
+ customAttributes?: { [x: string]: Object };
128
+
129
+ /**
130
+ * Column visibility can change based on [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html).
131
+ * `hideAtMedia` accepts only valid Media Queries.
132
+ *
133
+ * @default ''
134
+ */
135
+ hideAtMedia?: string;
136
+
137
+ /**
138
+ * It is used to change display value with the given format and does not affect the original data.
139
+ * Gets the format from the user which can be standard or custom
140
+ * [`number`](../../common/internationalization/#manipulating-numbers)
141
+ * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
142
+ *
143
+ * @default null
144
+ */
145
+ customFormat?: { [x: string]: Object };
146
+
147
+ /**
148
+ * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
149
+ *
150
+ * @deprecated
151
+ * @default false
152
+ */
153
+ isPrimaryKey?: boolean;
154
+
155
+ }
@@ -0,0 +1,179 @@
1
+ import { ChildProperty, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
2
+ import { SortComparer } from '../base/interface';
3
+ /**
4
+ * Defines alignments of text, they are
5
+ * * Left
6
+ * * Right
7
+ * * Center
8
+ * * Justify
9
+ */
10
+ export declare type TextAlign =
11
+ /** Defines Left alignment */
12
+ 'Left' |
13
+ /** Defines Right alignment */
14
+ 'Right' |
15
+ /** Defines Center alignment */
16
+ 'Center' |
17
+ /** Defines Justify alignment */
18
+ 'Justify';
19
+ /**
20
+ * Defines the cell content's overflow mode. The available modes are
21
+ * * `Clip` - Truncates the cell content when it overflows its area.
22
+ * * `Ellipsis` - Displays ellipsis when the cell content overflows its area.
23
+ * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area
24
+ * also it will display tooltip while hover on ellipsis applied cell.
25
+ */
26
+ export declare type ClipMode =
27
+ /** Truncates the cell content when it overflows its area */
28
+ 'Clip' |
29
+ /** Displays ellipsis when the cell content overflows its area */
30
+ 'Ellipsis' |
31
+ /** Displays ellipsis when the cell content overflows its area also it will display tooltip while hover on ellipsis applied cell. */
32
+ 'EllipsisWithTooltip';
33
+ /**
34
+ * Interface for a class Column
35
+ */
36
+ export declare class Column extends ChildProperty<Column> {
37
+ /**
38
+ * Defines the field name of column which is mapped with mapping name of DataSource.
39
+ * The bounded columns can be sort, filter and group etc.,
40
+ * The `field` name must be a valid JavaScript identifier,
41
+ * the first character must be an alphabet and should not contain spaces and special characters.
42
+ *
43
+ * @default ''
44
+ */
45
+ field: string;
46
+ /**
47
+ * Defines the header text of column which is used to display in column header.
48
+ * If `headerText` is not defined, then field name value will be assigned to header text.
49
+ *
50
+ * @default ''
51
+ */
52
+ headerText: string;
53
+ /**
54
+ * Defines the width of the column in pixels or percentage.
55
+ *
56
+ * @default ''
57
+ */
58
+ width: string | number;
59
+ /**
60
+ * Defines the minimum width of the column in pixels or percentage.
61
+ *
62
+ * @default ''
63
+ */
64
+ minWidth: string | number;
65
+ /**
66
+ * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.
67
+ *
68
+ * @default ''
69
+ */
70
+ maxWidth: string | number;
71
+ /**
72
+ * Defines the alignment of the column in both header and content cells.
73
+ *
74
+ * @default Left
75
+ */
76
+ textAlign: TextAlign;
77
+ /**
78
+ * Defines the cell content's overflow mode. The available modes are
79
+ * * `Clip` - Truncates the cell content when it overflows its area.
80
+ * * `Ellipsis` - Displays ellipsis when the cell content overflows its area.
81
+ * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area
82
+ * also it will display tooltip while hover on ellipsis applied cell.
83
+ *
84
+ * @default Ellipsis
85
+ */
86
+ clipMode: ClipMode;
87
+ /**
88
+ * Define the alignment of column header which is used to align the text of column header.
89
+ *
90
+ * @default null
91
+ */
92
+ headerTextAlign: TextAlign;
93
+ /**
94
+ * Defines the data type of the column.
95
+ *
96
+ * @default null
97
+ */
98
+ type: string;
99
+ /**
100
+ * It is used to change display value with the given format and does not affect the original data.
101
+ * Gets the format from the user which can be standard or custom
102
+ * [`number`](../../common/internationalization/#manipulating-numbers)
103
+ * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
104
+ *
105
+ * @default null
106
+ * @aspType string
107
+ */
108
+ format: string | NumberFormatOptions | DateFormatOptions;
109
+ /**
110
+ * Defines the column template that renders customized element in each cell of the column.
111
+ * It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
112
+ *
113
+ * @default null
114
+ * @aspType string
115
+ */
116
+ template: string | Function;
117
+ /**
118
+ * Defines the custom sort comparer function.
119
+ * The sort comparer function has the same functionality like
120
+ * [`Array.sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) sort comparer.
121
+ *
122
+ * @default null
123
+ * @aspType string
124
+ */
125
+ sortComparer: SortComparer | string;
126
+ /**
127
+ * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
128
+ *
129
+ * @default null
130
+ * @aspType string
131
+ */
132
+ headerTemplate: string | Function;
133
+ /**
134
+ * If `allowSorting` set to false, then it disables sorting option of a particular column.
135
+ * By default all columns are sortable.
136
+ *
137
+ * @default true
138
+ */
139
+ allowSorting: boolean;
140
+ /**
141
+ * If `allowResizing` set to false, it disables resize option of a particular column.
142
+ *
143
+ * @default true
144
+ */
145
+ allowResizing: boolean;
146
+ /**
147
+ * The CSS styles and attributes of the content cells of a particular column can be customized.
148
+ *
149
+ * @default null
150
+ */
151
+ customAttributes: {
152
+ [x: string]: Object;
153
+ };
154
+ /**
155
+ * Column visibility can change based on [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html).
156
+ * `hideAtMedia` accepts only valid Media Queries.
157
+ *
158
+ * @default ''
159
+ */
160
+ hideAtMedia: string;
161
+ /**
162
+ * It is used to change display value with the given format and does not affect the original data.
163
+ * Gets the format from the user which can be standard or custom
164
+ * [`number`](../../common/internationalization/#manipulating-numbers)
165
+ * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
166
+ *
167
+ * @default null
168
+ */
169
+ customFormat: {
170
+ [x: string]: Object;
171
+ };
172
+ /**
173
+ * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
174
+ *
175
+ * @deprecated
176
+ * @default false
177
+ */
178
+ isPrimaryKey: boolean;
179
+ }
@@ -0,0 +1,216 @@
1
+ import { Property, ChildProperty, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
2
+ import { SortComparer } from '../base/interface';
3
+
4
+ /**
5
+ * Defines alignments of text, they are
6
+ * * Left
7
+ * * Right
8
+ * * Center
9
+ * * Justify
10
+ */
11
+ export type TextAlign =
12
+ /** Defines Left alignment */
13
+ 'Left' |
14
+ /** Defines Right alignment */
15
+ 'Right' |
16
+ /** Defines Center alignment */
17
+ 'Center' |
18
+ /** Defines Justify alignment */
19
+ 'Justify';
20
+
21
+ /**
22
+ * Defines the cell content's overflow mode. The available modes are
23
+ * * `Clip` - Truncates the cell content when it overflows its area.
24
+ * * `Ellipsis` - Displays ellipsis when the cell content overflows its area.
25
+ * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area
26
+ * also it will display tooltip while hover on ellipsis applied cell.
27
+ */
28
+ export type ClipMode =
29
+ /** Truncates the cell content when it overflows its area */
30
+ 'Clip' |
31
+ /** Displays ellipsis when the cell content overflows its area */
32
+ 'Ellipsis' |
33
+ /** Displays ellipsis when the cell content overflows its area also it will display tooltip while hover on ellipsis applied cell. */
34
+ 'EllipsisWithTooltip';
35
+
36
+ /**
37
+ * Interface for a class Column
38
+ */
39
+ /* istanbul ignore next */
40
+ export class Column extends ChildProperty<Column> {
41
+
42
+ /**
43
+ * Defines the field name of column which is mapped with mapping name of DataSource.
44
+ * The bounded columns can be sort, filter and group etc.,
45
+ * The `field` name must be a valid JavaScript identifier,
46
+ * the first character must be an alphabet and should not contain spaces and special characters.
47
+ *
48
+ * @default ''
49
+ */
50
+ @Property('')
51
+ public field: string;
52
+
53
+ /**
54
+ * Defines the header text of column which is used to display in column header.
55
+ * If `headerText` is not defined, then field name value will be assigned to header text.
56
+ *
57
+ * @default ''
58
+ */
59
+ @Property('')
60
+ public headerText: string;
61
+
62
+ /**
63
+ * Defines the width of the column in pixels or percentage.
64
+ *
65
+ * @default ''
66
+ */
67
+ @Property('')
68
+ public width: string | number;
69
+
70
+ /**
71
+ * Defines the minimum width of the column in pixels or percentage.
72
+ *
73
+ * @default ''
74
+ */
75
+ @Property('')
76
+ public minWidth: string | number;
77
+
78
+ /**
79
+ * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.
80
+ *
81
+ * @default ''
82
+ */
83
+ @Property('')
84
+ public maxWidth: string | number;
85
+
86
+ /**
87
+ * Defines the alignment of the column in both header and content cells.
88
+ *
89
+ * @default Left
90
+ */
91
+ @Property('Left')
92
+ public textAlign: TextAlign;
93
+
94
+ /**
95
+ * Defines the cell content's overflow mode. The available modes are
96
+ * * `Clip` - Truncates the cell content when it overflows its area.
97
+ * * `Ellipsis` - Displays ellipsis when the cell content overflows its area.
98
+ * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area
99
+ * also it will display tooltip while hover on ellipsis applied cell.
100
+ *
101
+ * @default Ellipsis
102
+ */
103
+ public clipMode: ClipMode;
104
+
105
+ /**
106
+ * Define the alignment of column header which is used to align the text of column header.
107
+ *
108
+ * @default null
109
+ */
110
+ @Property(null)
111
+ public headerTextAlign: TextAlign;
112
+
113
+ /**
114
+ * Defines the data type of the column.
115
+ *
116
+ * @default null
117
+ */
118
+ @Property(null)
119
+ public type: string;
120
+
121
+ /**
122
+ * It is used to change display value with the given format and does not affect the original data.
123
+ * Gets the format from the user which can be standard or custom
124
+ * [`number`](../../common/internationalization/#manipulating-numbers)
125
+ * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
126
+ *
127
+ * @default null
128
+ * @aspType string
129
+ */
130
+ @Property(null)
131
+ public format: string | NumberFormatOptions | DateFormatOptions;
132
+
133
+ /**
134
+ * Defines the column template that renders customized element in each cell of the column.
135
+ * It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
136
+ *
137
+ * @default null
138
+ * @aspType string
139
+ */
140
+ @Property(null)
141
+ public template: string | Function;
142
+
143
+ /**
144
+ * Defines the custom sort comparer function.
145
+ * The sort comparer function has the same functionality like
146
+ * [`Array.sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) sort comparer.
147
+ *
148
+ * @default null
149
+ * @aspType string
150
+ */
151
+ @Property(null)
152
+ public sortComparer: SortComparer | string;
153
+
154
+ /**
155
+ * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
156
+ *
157
+ * @default null
158
+ * @aspType string
159
+ */
160
+ @Property(null)
161
+ public headerTemplate: string | Function;
162
+
163
+ /**
164
+ * If `allowSorting` set to false, then it disables sorting option of a particular column.
165
+ * By default all columns are sortable.
166
+ *
167
+ * @default true
168
+ */
169
+ @Property(true)
170
+ public allowSorting: boolean;
171
+
172
+ /**
173
+ * If `allowResizing` set to false, it disables resize option of a particular column.
174
+ *
175
+ * @default true
176
+ */
177
+ @Property(true)
178
+ public allowResizing: boolean;
179
+
180
+ /**
181
+ * The CSS styles and attributes of the content cells of a particular column can be customized.
182
+ *
183
+ * @default null
184
+ */
185
+ @Property(null)
186
+ public customAttributes: { [x: string]: Object };
187
+
188
+ /**
189
+ * Column visibility can change based on [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html).
190
+ * `hideAtMedia` accepts only valid Media Queries.
191
+ *
192
+ * @default ''
193
+ */
194
+ @Property('')
195
+ public hideAtMedia: string;
196
+
197
+ /**
198
+ * It is used to change display value with the given format and does not affect the original data.
199
+ * Gets the format from the user which can be standard or custom
200
+ * [`number`](../../common/internationalization/#manipulating-numbers)
201
+ * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
202
+ *
203
+ * @default null
204
+ */
205
+ @Property(null)
206
+ public customFormat: { [x: string]: Object };
207
+
208
+ /**
209
+ * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
210
+ *
211
+ * @deprecated
212
+ * @default false
213
+ */
214
+ @Property(false)
215
+ public isPrimaryKey: boolean;
216
+ }
@@ -0,0 +1,36 @@
1
+ import { Property, ChildProperty } from '@syncfusion/ej2-base';
2
+
3
+ /**
4
+ * Interface for a class ContextMenuSettings
5
+ */
6
+ export interface ContextMenuSettingsModel {
7
+
8
+ /**
9
+ * Specifies the array of string or object that is used to configure file items.
10
+ *
11
+ * @default fileItems
12
+ */
13
+ file?: string[];
14
+
15
+ /**
16
+ * An array of string or object that is used to configure folder items.
17
+ *
18
+ * @default folderItems
19
+ */
20
+ folder?: string[];
21
+
22
+ /**
23
+ * An array of string or object that is used to configure layout items.
24
+ *
25
+ * @default layoutItems
26
+ */
27
+ layout?: string[];
28
+
29
+ /**
30
+ * Enables or disables the ContextMenu.
31
+ *
32
+ * @default true
33
+ */
34
+ visible?: boolean;
35
+
36
+ }