@syncfusion/ej2-inputs 19.3.57 → 19.4.43

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 (153) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +1 -1
  3. package/common.d.ts +4 -0
  4. package/common.js +4 -0
  5. package/dist/ej2-inputs.umd.min.js +2 -2
  6. package/dist/ej2-inputs.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es2015.js +1117 -8
  8. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  9. package/dist/es6/ej2-inputs.es5.js +1152 -8
  10. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  11. package/dist/global/ej2-inputs.min.js +2 -2
  12. package/dist/global/ej2-inputs.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +9 -9
  15. package/signature.d.ts +4 -0
  16. package/signature.js +4 -0
  17. package/src/common/index.d.ts +4 -0
  18. package/src/common/index.js +4 -0
  19. package/src/common/signature-base.d.ts +320 -0
  20. package/src/common/signature-base.js +946 -0
  21. package/src/index.d.ts +2 -0
  22. package/src/index.js +2 -0
  23. package/src/input/input.js +10 -6
  24. package/src/numerictextbox/numerictextbox.js +5 -0
  25. package/src/signature/index.d.ts +5 -0
  26. package/src/signature/index.js +4 -0
  27. package/src/signature/signature-model.d.ts +131 -0
  28. package/src/signature/signature.d.ts +167 -0
  29. package/src/signature/signature.js +171 -0
  30. package/src/slider/slider.d.ts +1 -0
  31. package/src/slider/slider.js +16 -1
  32. package/styles/bootstrap-dark.css +43 -16
  33. package/styles/bootstrap-dark.scss +1 -0
  34. package/styles/bootstrap.css +43 -16
  35. package/styles/bootstrap.scss +1 -0
  36. package/styles/bootstrap4.css +43 -16
  37. package/styles/bootstrap4.scss +1 -0
  38. package/styles/bootstrap5-dark.css +46 -41
  39. package/styles/bootstrap5-dark.scss +1 -0
  40. package/styles/bootstrap5.css +46 -41
  41. package/styles/bootstrap5.scss +1 -0
  42. package/styles/color-picker/_fabric-dark-definition.scss +1 -1
  43. package/styles/color-picker/_fluent-definition.scss +134 -0
  44. package/styles/color-picker/_layout.scss +5 -5
  45. package/styles/color-picker/_theme.scss +16 -15
  46. package/styles/color-picker/bootstrap-dark.css +20 -0
  47. package/styles/color-picker/bootstrap.css +20 -0
  48. package/styles/color-picker/bootstrap4.css +20 -0
  49. package/styles/color-picker/bootstrap5-dark.css +22 -20
  50. package/styles/color-picker/bootstrap5.css +22 -20
  51. package/styles/color-picker/fabric-dark.css +23 -3
  52. package/styles/color-picker/fabric.css +20 -0
  53. package/styles/color-picker/highcontrast-light.css +20 -0
  54. package/styles/color-picker/highcontrast.css +20 -0
  55. package/styles/color-picker/icons/_fluent.scss +10 -0
  56. package/styles/color-picker/material-dark.css +20 -0
  57. package/styles/color-picker/material.css +20 -0
  58. package/styles/color-picker/tailwind-dark.css +20 -0
  59. package/styles/color-picker/tailwind.css +20 -0
  60. package/styles/fabric-dark.css +46 -19
  61. package/styles/fabric-dark.scss +1 -0
  62. package/styles/fabric.css +43 -16
  63. package/styles/fabric.scss +1 -0
  64. package/styles/highcontrast-light.css +43 -16
  65. package/styles/highcontrast-light.scss +1 -0
  66. package/styles/highcontrast.css +43 -16
  67. package/styles/highcontrast.scss +1 -0
  68. package/styles/input/_fluent-definition.scss +321 -0
  69. package/styles/input/_layout.scss +138 -37
  70. package/styles/input/_theme.scss +42 -24
  71. package/styles/input/bootstrap-dark.css +13 -16
  72. package/styles/input/bootstrap.css +13 -16
  73. package/styles/input/bootstrap4.css +13 -16
  74. package/styles/input/bootstrap5-dark.css +13 -16
  75. package/styles/input/bootstrap5.css +13 -16
  76. package/styles/input/fabric-dark.css +13 -16
  77. package/styles/input/fabric.css +13 -16
  78. package/styles/input/highcontrast-light.css +13 -16
  79. package/styles/input/highcontrast.css +13 -16
  80. package/styles/input/icons/_fluent.scss +17 -0
  81. package/styles/input/material-dark.css +13 -16
  82. package/styles/input/material.css +13 -16
  83. package/styles/input/tailwind-dark.css +13 -16
  84. package/styles/input/tailwind.css +13 -16
  85. package/styles/maskedtextbox/_fluent-definition.scss +7 -0
  86. package/styles/maskedtextbox/_theme.scss +2 -2
  87. package/styles/material-dark.css +43 -16
  88. package/styles/material-dark.scss +1 -0
  89. package/styles/material.css +43 -16
  90. package/styles/material.scss +1 -0
  91. package/styles/numerictextbox/_fluent-definition.scss +5 -0
  92. package/styles/numerictextbox/_theme.scss +18 -0
  93. package/styles/numerictextbox/icons/_fluent.scss +12 -0
  94. package/styles/signature/_all.scss +2 -0
  95. package/styles/signature/_bootstrap-dark-definition.scss +3 -0
  96. package/styles/signature/_bootstrap-definition.scss +3 -0
  97. package/styles/signature/_bootstrap4-definition.scss +3 -0
  98. package/styles/signature/_bootstrap5-dark-definition.scss +1 -0
  99. package/styles/signature/_bootstrap5-definition.scss +3 -0
  100. package/styles/signature/_fabric-dark-definition.scss +3 -0
  101. package/styles/signature/_fabric-definition.scss +3 -0
  102. package/styles/signature/_fluent-definition.scss +3 -0
  103. package/styles/signature/_highcontrast-definition.scss +3 -0
  104. package/styles/signature/_highcontrast-light-definition.scss +3 -0
  105. package/styles/signature/_layout.scss +5 -0
  106. package/styles/signature/_material-dark-definition.scss +3 -0
  107. package/styles/signature/_material-definition.scss +3 -0
  108. package/styles/signature/_tailwind-dark-definition.scss +1 -0
  109. package/styles/signature/_tailwind-definition.scss +3 -0
  110. package/styles/signature/_theme.scss +7 -0
  111. package/styles/signature/bootstrap-dark.css +9 -0
  112. package/styles/signature/bootstrap-dark.scss +3 -0
  113. package/styles/signature/bootstrap.css +9 -0
  114. package/styles/signature/bootstrap.scss +3 -0
  115. package/styles/signature/bootstrap4.css +9 -0
  116. package/styles/signature/bootstrap4.scss +3 -0
  117. package/styles/signature/bootstrap5-dark.css +9 -0
  118. package/styles/signature/bootstrap5-dark.scss +3 -0
  119. package/styles/signature/bootstrap5.css +9 -0
  120. package/styles/signature/bootstrap5.scss +3 -0
  121. package/styles/signature/fabric-dark.css +9 -0
  122. package/styles/signature/fabric-dark.scss +3 -0
  123. package/styles/signature/fabric.css +9 -0
  124. package/styles/signature/fabric.scss +3 -0
  125. package/styles/signature/highcontrast-light.css +9 -0
  126. package/styles/signature/highcontrast-light.scss +3 -0
  127. package/styles/signature/highcontrast.css +9 -0
  128. package/styles/signature/highcontrast.scss +3 -0
  129. package/styles/signature/material-dark.css +10 -0
  130. package/styles/signature/material-dark.scss +3 -0
  131. package/styles/signature/material.css +10 -0
  132. package/styles/signature/material.scss +3 -0
  133. package/styles/signature/tailwind-dark.css +10 -0
  134. package/styles/signature/tailwind-dark.scss +3 -0
  135. package/styles/signature/tailwind.css +10 -0
  136. package/styles/signature/tailwind.scss +3 -0
  137. package/styles/slider/_bootstrap5-definition.scss +2 -2
  138. package/styles/slider/_fluent-definition.scss +94 -0
  139. package/styles/slider/_layout.scss +7 -2
  140. package/styles/slider/_tailwind-definition.scss +2 -2
  141. package/styles/slider/bootstrap5-dark.css +1 -5
  142. package/styles/slider/bootstrap5.css +1 -5
  143. package/styles/slider/tailwind-dark.css +1 -5
  144. package/styles/slider/tailwind.css +1 -5
  145. package/styles/tailwind-dark.css +45 -21
  146. package/styles/tailwind-dark.scss +1 -0
  147. package/styles/tailwind.css +45 -21
  148. package/styles/tailwind.scss +1 -0
  149. package/styles/textbox/_fluent-definition.scss +0 -0
  150. package/styles/uploader/_fluent-definition.scss +234 -0
  151. package/styles/uploader/_layout.scss +99 -8
  152. package/styles/uploader/_theme.scss +5 -2
  153. package/styles/uploader/icons/_fluent.scss +34 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 19.3.57
3
+ * version : 19.4.43
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-inputs@*",
3
- "_id": "@syncfusion/ej2-inputs@19.3.53",
3
+ "_id": "@syncfusion/ej2-inputs@19.4.42",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-X2tzMF4ty8VcVx/5tbIRlBmCKNoiRppLhSLLwS6OlTxgYk/2RFftmSAG3ueAR9rCMeXfjR+ENinMIg/MsN0LPQ==",
5
+ "_integrity": "sha512-3nJRdZKZ44OhZOKX4C/gLuKBONSXKIRwPWplEhTXm0n1+6xo9dycS98NzikDGfMbLgUEzA+KD4CaoVZgO6jJCA==",
6
6
  "_location": "/@syncfusion/ej2-inputs",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -38,8 +38,8 @@
38
38
  "/@syncfusion/ej2-schedule",
39
39
  "/@syncfusion/ej2-vue-inputs"
40
40
  ],
41
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-19.3.53.tgz",
42
- "_shasum": "89d9dcc91daef696c370042770506c72e27880a3",
41
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-19.4.42.tgz",
42
+ "_shasum": "b17956874614a60d4c8f0d564d998057909761bb",
43
43
  "_spec": "@syncfusion/ej2-inputs@*",
44
44
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
45
45
  "author": {
@@ -47,10 +47,10 @@
47
47
  },
48
48
  "bundleDependencies": false,
49
49
  "dependencies": {
50
- "@syncfusion/ej2-base": "~19.3.56",
51
- "@syncfusion/ej2-buttons": "~19.3.53",
52
- "@syncfusion/ej2-popups": "~19.3.57",
53
- "@syncfusion/ej2-splitbuttons": "~19.3.53"
50
+ "@syncfusion/ej2-base": "~19.4.42",
51
+ "@syncfusion/ej2-buttons": "~19.4.42",
52
+ "@syncfusion/ej2-popups": "~19.4.41",
53
+ "@syncfusion/ej2-splitbuttons": "~19.4.40"
54
54
  },
55
55
  "deprecated": false,
56
56
  "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
@@ -118,6 +118,6 @@
118
118
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
119
119
  },
120
120
  "typings": "index.d.ts",
121
- "version": "19.3.57",
121
+ "version": "19.4.43",
122
122
  "sideEffects": false
123
123
  }
package/signature.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * signature
3
+ */
4
+ export * from './src/signature/index';
package/signature.js ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * signature
3
+ */
4
+ export * from './src/signature/index';
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Signature base modules
3
+ */
4
+ export * from './signature-base';
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Signature base modules
3
+ */
4
+ export * from './signature-base';
@@ -0,0 +1,320 @@
1
+ import { BlazorDotnetObject, Component } from '@syncfusion/ej2-base';
2
+ export declare abstract class SignatureBase extends Component<HTMLCanvasElement> {
3
+ private pointX;
4
+ private pointY;
5
+ private time;
6
+ private startPoint;
7
+ private controlPoint1;
8
+ private controlPoint2;
9
+ private endPoint;
10
+ private pointColl;
11
+ private canvasContext;
12
+ private lastVelocity;
13
+ private lastWidth;
14
+ private incStep;
15
+ private snapColl;
16
+ private minDistance;
17
+ private previous;
18
+ private interval;
19
+ private timeout;
20
+ private storedArgs;
21
+ private isSignatureEmpty;
22
+ private signatureValue;
23
+ private backgroundLoaded;
24
+ private fileType;
25
+ private fileName;
26
+ private clearArray;
27
+ private isBlazor;
28
+ private dotnetRef;
29
+ /**
30
+ * Gets or sets the background color of the component.
31
+ *
32
+ */
33
+ backgroundColor: string;
34
+ /**
35
+ * Gets or sets the background image for the component.
36
+ *
37
+ */
38
+ backgroundImage: string;
39
+ /**
40
+ * Gets or sets whether to disable the signature component where the opacity is set to show disabled state.
41
+ *
42
+ */
43
+ disabled: boolean;
44
+ /**
45
+ * Gets or sets whether to prevent the interaction in signature component.
46
+ *
47
+ */
48
+ isReadOnly: boolean;
49
+ /**
50
+ * Gets or sets whether to save the signature along with Background Color and background Image while saving.
51
+ *
52
+ */
53
+ saveWithBackground: boolean;
54
+ /**
55
+ * Gets or sets the stroke color of the signature.
56
+ *
57
+ */
58
+ strokeColor: string;
59
+ /**
60
+ * Gets or sets the minimum stroke width for signature.
61
+ *
62
+ */
63
+ minStrokeWidth: number;
64
+ /**
65
+ * Gets or sets the maximum stroke width for signature.
66
+ *
67
+ */
68
+ maxStrokeWidth: number;
69
+ /**
70
+ * Gets or sets the velocity to calculate the stroke thickness based on the pressure of the contact on the digitizer surface.
71
+ *
72
+ */
73
+ velocity: number;
74
+ /**
75
+ * To Initialize the component rendering
76
+ *
77
+ * @private
78
+ * @param {HTMLCanvasElement} element - Specifies the canvas element.
79
+ * @param {parameter} parameter - Specifies only for the blazor parameter.
80
+ * @param {BlazorDotnetObject} dotnetRef - Specifies for blazor client to server communication.
81
+ * @returns {void}
82
+ */
83
+ initialize(element: HTMLCanvasElement, parameter?: Parameter, dotnetRef?: BlazorDotnetObject): void;
84
+ private setBlazorParameter;
85
+ private wireEvents;
86
+ private unwireEvents;
87
+ private setHTMLProperties;
88
+ private mouseDownHandler;
89
+ private mouseMoveHandler;
90
+ private mouseUpHandler;
91
+ private keyboardHandler;
92
+ private resizeHandler;
93
+ private beginStroke;
94
+ private updateStroke;
95
+ private updateStrokeWithThrottle;
96
+ private delay;
97
+ private createPoint;
98
+ private point;
99
+ private addPoint;
100
+ private startDraw;
101
+ private endDraw;
102
+ private curveDraw;
103
+ private strokeDraw;
104
+ private arcDraw;
105
+ private calculateCurveControlPoints;
106
+ private bezierLengthCalc;
107
+ private bezierPointCalc;
108
+ private pointVelocityCalc;
109
+ private distanceTo;
110
+ private isRead;
111
+ private enableOrDisable;
112
+ private reDraw;
113
+ private updateSnapCollection;
114
+ private setBackgroundImage;
115
+ private setBackgroundColor;
116
+ protected loadPersistedSignature(): void;
117
+ /**
118
+ * To get the signature as Blob.
119
+ *
120
+ * @param {string} url - specify the url/base 64 string to get blob of the signature.
121
+ * @returns {Blob}.
122
+ */
123
+ getBlob(url: string): Blob;
124
+ private download;
125
+ /**
126
+ * To refresh the signature.
127
+ *
128
+ * @private
129
+ * @returns {void}.
130
+ */
131
+ refresh(): void;
132
+ /**
133
+ * Erases all the signature strokes signed by user.
134
+ *
135
+ * @returns {void}.
136
+ */
137
+ clear(): void;
138
+ /**
139
+ * Undo the last user action.
140
+ *
141
+ * @returns {void}.
142
+ */
143
+ undo(): void;
144
+ /**
145
+ * Redo the last user action.
146
+ *
147
+ * @returns {void}.
148
+ */
149
+ redo(): void;
150
+ private isClear;
151
+ /**
152
+ * To check whether the signature is empty or not.
153
+ *
154
+ * @returns {boolean}.
155
+ */
156
+ isEmpty(): boolean;
157
+ /**
158
+ * To check whether the undo collection is empty or not.
159
+ *
160
+ * @returns {boolean}.
161
+ */
162
+ canUndo(): boolean;
163
+ /**
164
+ * To check whether the redo collection is empty or not.
165
+ *
166
+ * @returns {boolean}.
167
+ */
168
+ canRedo(): boolean;
169
+ /**
170
+ * To draw the signature based on the given text, with the font family and font size.
171
+ *
172
+ * @param {string} text - specify text to be drawn as signature.
173
+ * @param {string} fontFamily - specify font family of a signature.
174
+ * @param {number} fontSize - specify font size of a signature.
175
+ *
176
+ * @returns {void}.
177
+ */
178
+ draw(text: string, fontFamily?: string, fontSize?: number): void;
179
+ /**
180
+ * To load the signature with the given base 64 string, height and width.
181
+ *
182
+ * @param {string} signature - specify the url/base 64 string to be drawn as signature.
183
+ * @param {number} width - specify the width of the loaded signature image.
184
+ * @param {number} height - specify the height of the loaded signature image.
185
+ * @returns {void}.
186
+ */
187
+ load(signature: string, width?: number, height?: number): void;
188
+ private saveBackground;
189
+ /**
190
+ * To save the signature with the given file type and file name.
191
+ *
192
+ * @param {SignatureFileType} type - specify type of the file to be saved a signature.
193
+ * @param {string} fileName - specify name of the file to be saved a signature.
194
+ *
195
+ * @returns {void}.
196
+ */
197
+ save(type?: SignatureFileType, fileName?: string): void;
198
+ private resetSnap;
199
+ private toJPEG;
200
+ private toSVG;
201
+ /**
202
+ * To save the signature as Blob.
203
+ *
204
+ * @returns {Blob}.
205
+ */
206
+ saveAsBlob(): Blob;
207
+ /**
208
+ * To get the signature as Base 64.
209
+ *
210
+ * @private
211
+ * @param {SignatureFileType} type - Specifies the type of the image format.
212
+ * @returns {string}.
213
+ */
214
+ getSignature(type?: SignatureFileType): string;
215
+ /**
216
+ * Get component name.
217
+ *
218
+ * @returns {string} - Module Name
219
+ * @private
220
+ */
221
+ protected getModuleName(): string;
222
+ /**
223
+ * To get the properties to be maintained in the persisted state.
224
+ *
225
+ * @returns {string} - Persist data
226
+ */
227
+ protected getPersistData(): string;
228
+ /**
229
+ * Removes the component from the DOM and detaches all its related event handlers.
230
+ * Also it maintains the initial input element from the DOM.
231
+ *
232
+ * @method destroy
233
+ * @returns {void}
234
+ */
235
+ destroy(): void;
236
+ /**
237
+ * Modified onPropertyChanged method for both blazor and EJ2 signature component.
238
+ *
239
+ * @private
240
+ * @param {string} key - Specifies the property, which changed.
241
+ * @param {string} value - Specifies the property value changed.
242
+ * @returns {void}
243
+ */
244
+ propertyChanged(key: string, value: string | boolean | number): void;
245
+ }
246
+ /**
247
+ * Defines the signature file type.
248
+ */
249
+ export declare type SignatureFileType = 'Png' | 'Jpeg' | 'Svg';
250
+ /**
251
+ * Interface for before save the canvas as image.
252
+ */
253
+ export interface SignatureBeforeSaveEventArgs {
254
+ /**
255
+ * Gets or sets whether to cancel the save action. You can cancel and perform save operation programmatically.
256
+ */
257
+ cancel?: boolean;
258
+ /**
259
+ * Gets or sets the file name to be saved.
260
+ */
261
+ fileName?: string;
262
+ /**
263
+ * Gets or sets the file type to be saved.
264
+ */
265
+ type?: SignatureFileType;
266
+ }
267
+ /**
268
+ * Interface for changes occur in the signature.
269
+ */
270
+ export interface SignatureChangeEventArgs {
271
+ /**
272
+ * Gets or sets the action name of the signature.
273
+ */
274
+ actionName: string;
275
+ }
276
+ /**
277
+ * Blazor parameter for signature component.
278
+ */
279
+ export interface Parameter {
280
+ /**
281
+ * Gets or sets the background color of the component.
282
+ */
283
+ backgroundColor: string;
284
+ /**
285
+ * Gets or sets the background image for the component.
286
+ */
287
+ backgroundImage: string;
288
+ /**
289
+ * Gets or sets the stroke color of the signature.
290
+ */
291
+ strokeColor: string;
292
+ /**
293
+ * Gets or sets whether to prevent the interaction in signature component.
294
+ */
295
+ isReadOnly: boolean;
296
+ /**
297
+ * Gets or sets whether to disable the signature component where the opacity is set to show disabled state.
298
+ */
299
+ disabled: boolean;
300
+ /**
301
+ * Gets or sets whether to save the signature along with Background Color and background Image while saving.
302
+ */
303
+ saveWithBackground: boolean;
304
+ /**
305
+ * Gets or sets the minimum stroke width for signature.
306
+ */
307
+ minStrokeWidth: number;
308
+ /**
309
+ * Gets or sets the maximum stroke width for signature.
310
+ */
311
+ maxStrokeWidth: number;
312
+ /**
313
+ * Gets or sets the velocity to calculate the stroke thickness based on the pressure of the contact on the digitizer surface.
314
+ */
315
+ velocity: number;
316
+ /**
317
+ * Gets or sets the last signature url to maintain the persist state.
318
+ */
319
+ signatureValue: string;
320
+ }