@syncfusion/ej2-inplace-editor 25.2.3 → 26.1.35
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.
- package/.eslintrc.json +3 -2
- package/dist/ej2-inplace-editor.umd.min.js +2 -2
- package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
- package/dist/es6/ej2-inplace-editor.es2015.js +22 -43
- package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-inplace-editor.es5.js +77 -98
- package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
- package/dist/global/ej2-inplace-editor.min.js +2 -2
- package/dist/global/ej2-inplace-editor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/dist/ts/index.d.ts +4 -0
- package/dist/ts/index.ts +4 -0
- package/dist/ts/inplace-editor/base/classes.d.ts +63 -0
- package/dist/ts/inplace-editor/base/classes.ts +63 -0
- package/dist/ts/inplace-editor/base/events.d.ts +17 -0
- package/dist/ts/inplace-editor/base/events.ts +18 -0
- package/dist/ts/inplace-editor/base/index.d.ts +10 -0
- package/dist/ts/inplace-editor/base/index.ts +10 -0
- package/dist/ts/inplace-editor/base/inplace-editor-model.d.ts +344 -0
- package/dist/ts/inplace-editor/base/inplace-editor.d.ts +623 -0
- package/dist/ts/inplace-editor/base/inplace-editor.ts +1758 -0
- package/dist/ts/inplace-editor/base/interface.d.ts +117 -0
- package/dist/ts/inplace-editor/base/interface.ts +127 -0
- package/dist/ts/inplace-editor/base/models-model.d.ts +22 -0
- package/dist/ts/inplace-editor/base/models.d.ts +31 -0
- package/dist/ts/inplace-editor/base/models.ts +45 -0
- package/dist/ts/inplace-editor/base/util.d.ts +28 -0
- package/dist/ts/inplace-editor/base/util.ts +104 -0
- package/dist/ts/inplace-editor/index.d.ts +5 -0
- package/dist/ts/inplace-editor/index.ts +5 -0
- package/dist/ts/inplace-editor/modules/auto-complete.d.ts +34 -0
- package/dist/ts/inplace-editor/modules/auto-complete.ts +65 -0
- package/dist/ts/inplace-editor/modules/base-module.d.ts +19 -0
- package/dist/ts/inplace-editor/modules/base-module.ts +74 -0
- package/dist/ts/inplace-editor/modules/color-picker.d.ts +29 -0
- package/dist/ts/inplace-editor/modules/color-picker.ts +55 -0
- package/dist/ts/inplace-editor/modules/combo-box.d.ts +34 -0
- package/dist/ts/inplace-editor/modules/combo-box.ts +63 -0
- package/dist/ts/inplace-editor/modules/date-range-picker.d.ts +29 -0
- package/dist/ts/inplace-editor/modules/date-range-picker.ts +55 -0
- package/dist/ts/inplace-editor/modules/index.d.ts +12 -0
- package/dist/ts/inplace-editor/modules/index.ts +12 -0
- package/dist/ts/inplace-editor/modules/multi-select.d.ts +35 -0
- package/dist/ts/inplace-editor/modules/multi-select.ts +88 -0
- package/dist/ts/inplace-editor/modules/rte.d.ts +31 -0
- package/dist/ts/inplace-editor/modules/rte.ts +73 -0
- package/dist/ts/inplace-editor/modules/slider.d.ts +30 -0
- package/dist/ts/inplace-editor/modules/slider.ts +59 -0
- package/dist/ts/inplace-editor/modules/time-picker.d.ts +29 -0
- package/dist/ts/inplace-editor/modules/time-picker.ts +54 -0
- package/package.json +17 -17
- package/src/inplace-editor/base/inplace-editor.d.ts +0 -1
- package/src/inplace-editor/base/interface.js +0 -1
- package/src/inplace-editor/base/models.js +0 -2
- package/styles/bootstrap-dark.css +61 -14
- package/styles/bootstrap-dark.scss +26 -1
- package/styles/bootstrap.css +63 -15
- package/styles/bootstrap.scss +26 -1
- package/styles/bootstrap4.css +71 -19
- package/styles/bootstrap4.scss +26 -1
- package/styles/bootstrap5-dark.css +62 -14
- package/styles/bootstrap5-dark.scss +26 -1
- package/styles/bootstrap5.css +62 -14
- package/styles/bootstrap5.scss +26 -1
- package/styles/fabric-dark.css +59 -13
- package/styles/fabric-dark.scss +26 -1
- package/styles/fabric.css +61 -14
- package/styles/fabric.scss +26 -1
- package/styles/fluent-dark.css +63 -15
- package/styles/fluent-dark.scss +26 -1
- package/styles/fluent.css +63 -15
- package/styles/fluent.scss +26 -1
- package/styles/fluent2.css +1996 -0
- package/styles/fluent2.scss +26 -0
- package/styles/highcontrast-light.css +62 -13
- package/styles/highcontrast-light.scss +26 -1
- package/styles/highcontrast.css +64 -14
- package/styles/highcontrast.scss +26 -1
- package/styles/inplace-editor/_bootstrap5.3-definition.scss +69 -0
- package/styles/inplace-editor/_fluent2-definition.scss +71 -0
- package/styles/inplace-editor/_theme.scss +8 -3
- package/styles/inplace-editor/bootstrap-dark.css +61 -14
- package/styles/inplace-editor/bootstrap.css +63 -15
- package/styles/inplace-editor/bootstrap4.css +71 -19
- package/styles/inplace-editor/bootstrap5-dark.css +62 -14
- package/styles/inplace-editor/bootstrap5.css +62 -14
- package/styles/inplace-editor/fabric-dark.css +59 -13
- package/styles/inplace-editor/fabric.css +61 -14
- package/styles/inplace-editor/fluent-dark.css +63 -15
- package/styles/inplace-editor/fluent.css +63 -15
- package/styles/inplace-editor/fluent2.css +1996 -0
- package/styles/inplace-editor/fluent2.scss +26 -0
- package/styles/inplace-editor/highcontrast-light.css +62 -13
- package/styles/inplace-editor/highcontrast.css +64 -14
- package/styles/inplace-editor/icons/_bootstrap5.3.scss +19 -0
- package/styles/inplace-editor/icons/_fluent2.scss +19 -0
- package/styles/inplace-editor/material-dark.css +79 -17
- package/styles/inplace-editor/material.css +95 -20
- package/styles/inplace-editor/material3-dark.css +101 -21
- package/styles/inplace-editor/material3.css +101 -21
- package/styles/inplace-editor/tailwind-dark.css +72 -17
- package/styles/inplace-editor/tailwind.css +72 -17
- package/styles/material-dark.css +79 -17
- package/styles/material-dark.scss +26 -1
- package/styles/material.css +95 -20
- package/styles/material.scss +26 -1
- package/styles/material3-dark.css +101 -21
- package/styles/material3-dark.scss +26 -1
- package/styles/material3.css +101 -21
- package/styles/material3.scss +26 -1
- package/styles/tailwind-dark.css +72 -17
- package/styles/tailwind-dark.scss +26 -1
- package/styles/tailwind.css +72 -17
- package/styles/tailwind.scss +26 -1
- package/CHANGELOG.md +0 -262
- package/dist/ej2-inplace-editor.min.js +0 -10
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { TimePicker as EJ2TimePicker, TimePickerModel } from '@syncfusion/ej2-calendars';
|
|
2
|
+
import { Base } from './base-module';
|
|
3
|
+
import { InPlaceEditor } from '../base/inplace-editor';
|
|
4
|
+
import { NotifyParams, IComponent } from '../base/interface';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* The `TimePicker` module is used configure the properties of Time picker type editor.
|
|
8
|
+
*/
|
|
9
|
+
export class TimePicker implements IComponent {
|
|
10
|
+
private base: Base;
|
|
11
|
+
protected parent: InPlaceEditor;
|
|
12
|
+
public compObj: EJ2TimePicker = undefined;
|
|
13
|
+
|
|
14
|
+
public constructor(parent?: InPlaceEditor) {
|
|
15
|
+
this.parent = parent;
|
|
16
|
+
this.parent.timeModule = this;
|
|
17
|
+
this.base = new Base(this.parent, this);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
public render(e: NotifyParams): void {
|
|
21
|
+
this.compObj = new EJ2TimePicker(this.parent.model as TimePickerModel);
|
|
22
|
+
this.compObj.appendTo(e.target as HTMLInputElement);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
public focus(): void {
|
|
26
|
+
this.compObj.focusIn();
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
public updateValue(e: NotifyParams): void {
|
|
30
|
+
if (this.compObj && e.type === 'Time') {
|
|
31
|
+
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
32
|
+
this.parent.extendModelValue(this.compObj.value);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* For internal use only - Get the module name.
|
|
37
|
+
*
|
|
38
|
+
* @returns {string} - returns the string
|
|
39
|
+
*/
|
|
40
|
+
private getModuleName(): string {
|
|
41
|
+
return 'time-picker';
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Destroys the module.
|
|
46
|
+
*
|
|
47
|
+
* @function destroy
|
|
48
|
+
* @returns {void}
|
|
49
|
+
* @hidden
|
|
50
|
+
*/
|
|
51
|
+
public destroy(): void {
|
|
52
|
+
this.base.destroy();
|
|
53
|
+
}
|
|
54
|
+
}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"_from": "@syncfusion/ej2-inplace-editor@*",
|
|
3
3
|
"_id": "@syncfusion/ej2-inplace-editor@25.1.35",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-JYlDibbKsD1TGQrn6HLFW6owdwG5SGOkBKfz7Il6eeHqShd39IA8Et9BdlwZ7CquxJ/b18Mqh/sJwmmOiEp03w==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-inplace-editor",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
"/@syncfusion/ej2-react-inplace-editor",
|
|
25
25
|
"/@syncfusion/ej2-vue-inplace-editor"
|
|
26
26
|
],
|
|
27
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-
|
|
28
|
-
"_shasum": "
|
|
27
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-25.1.35.tgz",
|
|
28
|
+
"_shasum": "2c149ccebde2d8ccf48c6577a4c4b973d6d8fc47",
|
|
29
29
|
"_spec": "@syncfusion/ej2-inplace-editor@*",
|
|
30
|
-
"_where": "/jenkins/workspace/elease-
|
|
30
|
+
"_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
|
|
31
31
|
"author": {
|
|
32
32
|
"name": "Syncfusion Inc."
|
|
33
33
|
},
|
|
@@ -36,18 +36,18 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bundleDependencies": false,
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@syncfusion/ej2-base": "~
|
|
40
|
-
"@syncfusion/ej2-buttons": "~
|
|
41
|
-
"@syncfusion/ej2-calendars": "~
|
|
42
|
-
"@syncfusion/ej2-data": "~
|
|
43
|
-
"@syncfusion/ej2-dropdowns": "~
|
|
44
|
-
"@syncfusion/ej2-inputs": "~
|
|
45
|
-
"@syncfusion/ej2-lists": "~
|
|
46
|
-
"@syncfusion/ej2-navigations": "~
|
|
47
|
-
"@syncfusion/ej2-notifications": "~
|
|
48
|
-
"@syncfusion/ej2-popups": "~
|
|
49
|
-
"@syncfusion/ej2-richtexteditor": "~
|
|
50
|
-
"@syncfusion/ej2-splitbuttons": "~
|
|
39
|
+
"@syncfusion/ej2-base": "~26.1.35",
|
|
40
|
+
"@syncfusion/ej2-buttons": "~26.1.35",
|
|
41
|
+
"@syncfusion/ej2-calendars": "~26.1.35",
|
|
42
|
+
"@syncfusion/ej2-data": "~26.1.35",
|
|
43
|
+
"@syncfusion/ej2-dropdowns": "~26.1.35",
|
|
44
|
+
"@syncfusion/ej2-inputs": "~26.1.35",
|
|
45
|
+
"@syncfusion/ej2-lists": "~26.1.35",
|
|
46
|
+
"@syncfusion/ej2-navigations": "~26.1.35",
|
|
47
|
+
"@syncfusion/ej2-notifications": "~26.1.35",
|
|
48
|
+
"@syncfusion/ej2-popups": "~26.1.35",
|
|
49
|
+
"@syncfusion/ej2-richtexteditor": "~26.1.35",
|
|
50
|
+
"@syncfusion/ej2-splitbuttons": "~26.1.35"
|
|
51
51
|
},
|
|
52
52
|
"deprecated": false,
|
|
53
53
|
"description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
|
|
@@ -70,6 +70,6 @@
|
|
|
70
70
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
71
71
|
},
|
|
72
72
|
"typings": "index.d.ts",
|
|
73
|
-
"version": "
|
|
73
|
+
"version": "26.1.35",
|
|
74
74
|
"sideEffects": false
|
|
75
75
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -52,10 +52,8 @@ export var modulesList = {
|
|
|
52
52
|
/**
|
|
53
53
|
* @hidden
|
|
54
54
|
*/
|
|
55
|
-
// eslint-disable-next-line
|
|
56
55
|
export var localeConstant = {
|
|
57
56
|
'Click': { 'editAreaClick': 'Click to edit' },
|
|
58
57
|
'DblClick': { 'editAreaDoubleClick': 'Double click to edit' },
|
|
59
58
|
'EditIconClick': { 'editAreaClick': 'Click to edit' }
|
|
60
|
-
/* eslint-enable */
|
|
61
59
|
};
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
/* stylelint-disable-line no-empty-source */
|
|
3
3
|
.e-popup.e-ddl {
|
|
4
4
|
border-radius: 4px;
|
|
5
|
-
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
|
|
5
|
+
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
|
|
6
|
+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
|
|
6
7
|
margin-top: 3px;
|
|
7
8
|
}
|
|
8
9
|
.e-popup.e-ddl .e-input-group {
|
|
@@ -17,6 +18,7 @@
|
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
.e-popup.e-ddl .e-filter-parent .e-input-group {
|
|
21
|
+
display: -webkit-box;
|
|
20
22
|
display: -ms-flexbox;
|
|
21
23
|
display: flex;
|
|
22
24
|
width: auto;
|
|
@@ -75,7 +77,8 @@
|
|
|
75
77
|
.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
|
|
76
78
|
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
|
|
77
79
|
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
|
|
78
|
-
box-shadow: none;
|
|
80
|
+
-webkit-box-shadow: none;
|
|
81
|
+
box-shadow: none;
|
|
79
82
|
}
|
|
80
83
|
|
|
81
84
|
.e-ddl.e-popup .e-filter-parent {
|
|
@@ -143,19 +146,43 @@
|
|
|
143
146
|
}
|
|
144
147
|
|
|
145
148
|
/* stylelint-disable property-no-vendor-prefix */
|
|
149
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
150
|
+
0% {
|
|
151
|
+
-webkit-transform: rotate(0);
|
|
152
|
+
transform: rotate(0);
|
|
153
|
+
}
|
|
154
|
+
100% {
|
|
155
|
+
-webkit-transform: rotate(360deg);
|
|
156
|
+
transform: rotate(360deg);
|
|
157
|
+
}
|
|
158
|
+
}
|
|
146
159
|
@keyframes material-spinner-rotate {
|
|
147
160
|
0% {
|
|
161
|
+
-webkit-transform: rotate(0);
|
|
162
|
+
transform: rotate(0);
|
|
163
|
+
}
|
|
164
|
+
100% {
|
|
165
|
+
-webkit-transform: rotate(360deg);
|
|
166
|
+
transform: rotate(360deg);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
170
|
+
0% {
|
|
171
|
+
-webkit-transform: rotate(0);
|
|
148
172
|
transform: rotate(0);
|
|
149
173
|
}
|
|
150
174
|
100% {
|
|
175
|
+
-webkit-transform: rotate(360deg);
|
|
151
176
|
transform: rotate(360deg);
|
|
152
177
|
}
|
|
153
178
|
}
|
|
154
179
|
@keyframes fabric-spinner-rotate {
|
|
155
180
|
0% {
|
|
181
|
+
-webkit-transform: rotate(0);
|
|
156
182
|
transform: rotate(0);
|
|
157
183
|
}
|
|
158
184
|
100% {
|
|
185
|
+
-webkit-transform: rotate(360deg);
|
|
159
186
|
transform: rotate(360deg);
|
|
160
187
|
}
|
|
161
188
|
}
|
|
@@ -313,6 +340,7 @@
|
|
|
313
340
|
.e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
|
|
314
341
|
bottom: 0;
|
|
315
342
|
cursor: pointer;
|
|
343
|
+
display: -webkit-inline-box;
|
|
316
344
|
display: -ms-inline-flexbox;
|
|
317
345
|
display: inline-flex;
|
|
318
346
|
height: inherit;
|
|
@@ -323,8 +351,10 @@
|
|
|
323
351
|
width: 18px;
|
|
324
352
|
}
|
|
325
353
|
.e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
|
|
326
|
-
-
|
|
327
|
-
align
|
|
354
|
+
-webkit-box-align: center;
|
|
355
|
+
-ms-flex-align: center;
|
|
356
|
+
align-items: center;
|
|
357
|
+
display: -webkit-box;
|
|
328
358
|
display: -ms-flexbox;
|
|
329
359
|
display: flex;
|
|
330
360
|
font-size: 14px;
|
|
@@ -334,6 +364,7 @@
|
|
|
334
364
|
}
|
|
335
365
|
.e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
|
|
336
366
|
-webkit-user-select: none;
|
|
367
|
+
-moz-user-select: none;
|
|
337
368
|
-ms-user-select: none;
|
|
338
369
|
user-select: none;
|
|
339
370
|
}
|
|
@@ -366,6 +397,7 @@
|
|
|
366
397
|
.e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
|
|
367
398
|
bottom: 0;
|
|
368
399
|
cursor: pointer;
|
|
400
|
+
display: -webkit-inline-box;
|
|
369
401
|
display: -ms-inline-flexbox;
|
|
370
402
|
display: inline-flex;
|
|
371
403
|
height: inherit;
|
|
@@ -376,8 +408,10 @@
|
|
|
376
408
|
width: 18px;
|
|
377
409
|
}
|
|
378
410
|
.e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
|
|
379
|
-
-
|
|
380
|
-
align
|
|
411
|
+
-webkit-box-align: center;
|
|
412
|
+
-ms-flex-align: center;
|
|
413
|
+
align-items: center;
|
|
414
|
+
display: -webkit-box;
|
|
381
415
|
display: -ms-flexbox;
|
|
382
416
|
display: flex;
|
|
383
417
|
font-size: 14px;
|
|
@@ -387,6 +421,7 @@
|
|
|
387
421
|
}
|
|
388
422
|
.e-inplaceeditor .e-editable-value-container.e-editable-open {
|
|
389
423
|
-webkit-user-select: none;
|
|
424
|
+
-moz-user-select: none;
|
|
390
425
|
-ms-user-select: none;
|
|
391
426
|
user-select: none;
|
|
392
427
|
}
|
|
@@ -411,6 +446,7 @@
|
|
|
411
446
|
}
|
|
412
447
|
.e-inplaceeditor.e-overlay {
|
|
413
448
|
-webkit-user-select: none;
|
|
449
|
+
-moz-user-select: none;
|
|
414
450
|
-ms-user-select: none;
|
|
415
451
|
user-select: none;
|
|
416
452
|
}
|
|
@@ -476,7 +512,8 @@
|
|
|
476
512
|
.e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
|
|
477
513
|
left: auto;
|
|
478
514
|
right: 5px;
|
|
479
|
-
transform: translateX(-30%) translateY(-50%);
|
|
515
|
+
-webkit-transform: translateX(-30%) translateY(-50%);
|
|
516
|
+
transform: translateX(-30%) translateY(-50%);
|
|
480
517
|
}
|
|
481
518
|
.e-inplaceeditor .e-editable-form,
|
|
482
519
|
.e-inplaceeditor-tip .e-editable-form {
|
|
@@ -504,6 +541,7 @@
|
|
|
504
541
|
opacity: 0.5;
|
|
505
542
|
pointer-events: none;
|
|
506
543
|
-webkit-user-select: none;
|
|
544
|
+
-moz-user-select: none;
|
|
507
545
|
-ms-user-select: none;
|
|
508
546
|
user-select: none;
|
|
509
547
|
visibility: visible;
|
|
@@ -540,7 +578,8 @@
|
|
|
540
578
|
.e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
|
|
541
579
|
left: 5px;
|
|
542
580
|
right: auto;
|
|
543
|
-
transform: translateX(30%) translateY(-50%);
|
|
581
|
+
-webkit-transform: translateX(30%) translateY(-50%);
|
|
582
|
+
transform: translateX(30%) translateY(-50%);
|
|
544
583
|
}
|
|
545
584
|
|
|
546
585
|
.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
|
|
@@ -592,19 +631,24 @@
|
|
|
592
631
|
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
|
|
593
632
|
-ms-flex-line-pack: center;
|
|
594
633
|
align-content: center;
|
|
634
|
+
display: -webkit-box;
|
|
595
635
|
display: -ms-flexbox;
|
|
596
636
|
display: flex;
|
|
597
|
-
-
|
|
598
|
-
|
|
637
|
+
-webkit-box-orient: vertical;
|
|
638
|
+
-webkit-box-direction: normal;
|
|
639
|
+
-ms-flex-direction: column;
|
|
640
|
+
flex-direction: column;
|
|
599
641
|
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
|
|
600
642
|
font-size: 14px;
|
|
601
643
|
font-weight: 700;
|
|
602
644
|
height: 30px;
|
|
603
|
-
-
|
|
604
|
-
|
|
645
|
+
-webkit-box-pack: center;
|
|
646
|
+
-ms-flex-pack: center;
|
|
647
|
+
justify-content: center;
|
|
605
648
|
padding: 0 0 0 12px;
|
|
606
649
|
}
|
|
607
650
|
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
|
|
651
|
+
display: -webkit-box;
|
|
608
652
|
display: -ms-flexbox;
|
|
609
653
|
display: flex;
|
|
610
654
|
padding: 12px;
|
|
@@ -617,6 +661,7 @@
|
|
|
617
661
|
top: auto;
|
|
618
662
|
}
|
|
619
663
|
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
|
|
664
|
+
display: -webkit-box;
|
|
620
665
|
display: -ms-flexbox;
|
|
621
666
|
display: flex;
|
|
622
667
|
padding: 12px;
|
|
@@ -715,7 +760,8 @@
|
|
|
715
760
|
.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
|
|
716
761
|
.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
|
|
717
762
|
.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
|
|
718
|
-
box-shadow: none;
|
|
763
|
+
-webkit-box-shadow: none;
|
|
764
|
+
box-shadow: none;
|
|
719
765
|
}
|
|
720
766
|
.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
|
|
721
767
|
.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
|
|
@@ -725,7 +771,8 @@
|
|
|
725
771
|
}
|
|
726
772
|
.e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
|
|
727
773
|
background: #2a2a2a;
|
|
728
|
-
box-shadow: none;
|
|
774
|
+
-webkit-box-shadow: none;
|
|
775
|
+
box-shadow: none;
|
|
729
776
|
}
|
|
730
777
|
.e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
|
|
731
778
|
border-radius: 4px;
|
|
@@ -1 +1,26 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import 'ej2-base/styles/definition/bootstrap-dark.scss';
|
|
2
|
+
@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
|
|
3
|
+
@import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
|
|
4
|
+
@import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition.scss';
|
|
5
|
+
@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
|
|
6
|
+
@import 'ej2-inputs/styles/slider/bootstrap-dark-definition.scss';
|
|
7
|
+
@import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
|
|
8
|
+
@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
|
|
9
|
+
@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
|
|
10
|
+
@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
|
|
11
|
+
@import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
|
|
12
|
+
@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
|
|
13
|
+
@import 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition.scss';
|
|
14
|
+
@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
|
|
15
|
+
@import 'ej2-calendars/styles/timepicker/bootstrap-dark-definition.scss';
|
|
16
|
+
@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
|
|
17
|
+
@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
|
|
18
|
+
@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
|
|
19
|
+
@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
|
|
20
|
+
@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
|
|
21
|
+
@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
|
|
22
|
+
@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
|
|
23
|
+
@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition.scss';
|
|
24
|
+
@import 'inplace-editor/bootstrap-dark-definition.scss';
|
|
25
|
+
@import 'inplace-editor/icons/bootstrap-dark.scss';
|
|
26
|
+
@import 'inplace-editor/all.scss';
|
package/styles/bootstrap.css
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/* stylelint-disable property-no-vendor-prefix */
|
|
2
|
-
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable-line no-empty-source */
|
|
3
|
+
/*! calendar bootstrap theme variables */
|
|
3
4
|
.e-popup.e-ddl {
|
|
4
5
|
border-radius: 4px;
|
|
5
|
-
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
6
|
+
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
7
|
+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
6
8
|
margin-top: 3px;
|
|
7
9
|
}
|
|
8
10
|
.e-popup.e-ddl .e-input-group {
|
|
@@ -17,6 +19,7 @@
|
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
.e-popup.e-ddl .e-filter-parent .e-input-group {
|
|
22
|
+
display: -webkit-box;
|
|
20
23
|
display: -ms-flexbox;
|
|
21
24
|
display: flex;
|
|
22
25
|
width: auto;
|
|
@@ -75,7 +78,8 @@
|
|
|
75
78
|
.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
|
|
76
79
|
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
|
|
77
80
|
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
|
|
78
|
-
box-shadow: none;
|
|
81
|
+
-webkit-box-shadow: none;
|
|
82
|
+
box-shadow: none;
|
|
79
83
|
}
|
|
80
84
|
|
|
81
85
|
.e-ddl.e-popup .e-filter-parent {
|
|
@@ -136,19 +140,43 @@
|
|
|
136
140
|
}
|
|
137
141
|
|
|
138
142
|
/* stylelint-disable property-no-vendor-prefix */
|
|
143
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
144
|
+
0% {
|
|
145
|
+
-webkit-transform: rotate(0);
|
|
146
|
+
transform: rotate(0);
|
|
147
|
+
}
|
|
148
|
+
100% {
|
|
149
|
+
-webkit-transform: rotate(360deg);
|
|
150
|
+
transform: rotate(360deg);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
139
153
|
@keyframes material-spinner-rotate {
|
|
140
154
|
0% {
|
|
155
|
+
-webkit-transform: rotate(0);
|
|
156
|
+
transform: rotate(0);
|
|
157
|
+
}
|
|
158
|
+
100% {
|
|
159
|
+
-webkit-transform: rotate(360deg);
|
|
160
|
+
transform: rotate(360deg);
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
164
|
+
0% {
|
|
165
|
+
-webkit-transform: rotate(0);
|
|
141
166
|
transform: rotate(0);
|
|
142
167
|
}
|
|
143
168
|
100% {
|
|
169
|
+
-webkit-transform: rotate(360deg);
|
|
144
170
|
transform: rotate(360deg);
|
|
145
171
|
}
|
|
146
172
|
}
|
|
147
173
|
@keyframes fabric-spinner-rotate {
|
|
148
174
|
0% {
|
|
175
|
+
-webkit-transform: rotate(0);
|
|
149
176
|
transform: rotate(0);
|
|
150
177
|
}
|
|
151
178
|
100% {
|
|
179
|
+
-webkit-transform: rotate(360deg);
|
|
152
180
|
transform: rotate(360deg);
|
|
153
181
|
}
|
|
154
182
|
}
|
|
@@ -447,6 +475,7 @@
|
|
|
447
475
|
.e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
|
|
448
476
|
bottom: 0;
|
|
449
477
|
cursor: pointer;
|
|
478
|
+
display: -webkit-inline-box;
|
|
450
479
|
display: -ms-inline-flexbox;
|
|
451
480
|
display: inline-flex;
|
|
452
481
|
height: inherit;
|
|
@@ -457,8 +486,10 @@
|
|
|
457
486
|
width: 18px;
|
|
458
487
|
}
|
|
459
488
|
.e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
|
|
460
|
-
-
|
|
461
|
-
align
|
|
489
|
+
-webkit-box-align: center;
|
|
490
|
+
-ms-flex-align: center;
|
|
491
|
+
align-items: center;
|
|
492
|
+
display: -webkit-box;
|
|
462
493
|
display: -ms-flexbox;
|
|
463
494
|
display: flex;
|
|
464
495
|
font-size: 14px;
|
|
@@ -468,6 +499,7 @@
|
|
|
468
499
|
}
|
|
469
500
|
.e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
|
|
470
501
|
-webkit-user-select: none;
|
|
502
|
+
-moz-user-select: none;
|
|
471
503
|
-ms-user-select: none;
|
|
472
504
|
user-select: none;
|
|
473
505
|
}
|
|
@@ -500,6 +532,7 @@
|
|
|
500
532
|
.e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
|
|
501
533
|
bottom: 0;
|
|
502
534
|
cursor: pointer;
|
|
535
|
+
display: -webkit-inline-box;
|
|
503
536
|
display: -ms-inline-flexbox;
|
|
504
537
|
display: inline-flex;
|
|
505
538
|
height: inherit;
|
|
@@ -510,8 +543,10 @@
|
|
|
510
543
|
width: 18px;
|
|
511
544
|
}
|
|
512
545
|
.e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
|
|
513
|
-
-
|
|
514
|
-
align
|
|
546
|
+
-webkit-box-align: center;
|
|
547
|
+
-ms-flex-align: center;
|
|
548
|
+
align-items: center;
|
|
549
|
+
display: -webkit-box;
|
|
515
550
|
display: -ms-flexbox;
|
|
516
551
|
display: flex;
|
|
517
552
|
font-size: 14px;
|
|
@@ -521,6 +556,7 @@
|
|
|
521
556
|
}
|
|
522
557
|
.e-inplaceeditor .e-editable-value-container.e-editable-open {
|
|
523
558
|
-webkit-user-select: none;
|
|
559
|
+
-moz-user-select: none;
|
|
524
560
|
-ms-user-select: none;
|
|
525
561
|
user-select: none;
|
|
526
562
|
}
|
|
@@ -545,6 +581,7 @@
|
|
|
545
581
|
}
|
|
546
582
|
.e-inplaceeditor.e-overlay {
|
|
547
583
|
-webkit-user-select: none;
|
|
584
|
+
-moz-user-select: none;
|
|
548
585
|
-ms-user-select: none;
|
|
549
586
|
user-select: none;
|
|
550
587
|
}
|
|
@@ -610,7 +647,8 @@
|
|
|
610
647
|
.e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
|
|
611
648
|
left: auto;
|
|
612
649
|
right: 5px;
|
|
613
|
-
transform: translateX(-30%) translateY(-50%);
|
|
650
|
+
-webkit-transform: translateX(-30%) translateY(-50%);
|
|
651
|
+
transform: translateX(-30%) translateY(-50%);
|
|
614
652
|
}
|
|
615
653
|
.e-inplaceeditor .e-editable-form,
|
|
616
654
|
.e-inplaceeditor-tip .e-editable-form {
|
|
@@ -638,6 +676,7 @@
|
|
|
638
676
|
opacity: 0.5;
|
|
639
677
|
pointer-events: none;
|
|
640
678
|
-webkit-user-select: none;
|
|
679
|
+
-moz-user-select: none;
|
|
641
680
|
-ms-user-select: none;
|
|
642
681
|
user-select: none;
|
|
643
682
|
visibility: visible;
|
|
@@ -674,7 +713,8 @@
|
|
|
674
713
|
.e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
|
|
675
714
|
left: 5px;
|
|
676
715
|
right: auto;
|
|
677
|
-
transform: translateX(30%) translateY(-50%);
|
|
716
|
+
-webkit-transform: translateX(30%) translateY(-50%);
|
|
717
|
+
transform: translateX(30%) translateY(-50%);
|
|
678
718
|
}
|
|
679
719
|
|
|
680
720
|
.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
|
|
@@ -726,19 +766,24 @@
|
|
|
726
766
|
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
|
|
727
767
|
-ms-flex-line-pack: center;
|
|
728
768
|
align-content: center;
|
|
769
|
+
display: -webkit-box;
|
|
729
770
|
display: -ms-flexbox;
|
|
730
771
|
display: flex;
|
|
731
|
-
-
|
|
732
|
-
|
|
772
|
+
-webkit-box-orient: vertical;
|
|
773
|
+
-webkit-box-direction: normal;
|
|
774
|
+
-ms-flex-direction: column;
|
|
775
|
+
flex-direction: column;
|
|
733
776
|
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
|
|
734
777
|
font-size: 14px;
|
|
735
778
|
font-weight: 700;
|
|
736
779
|
height: 30px;
|
|
737
|
-
-
|
|
738
|
-
|
|
780
|
+
-webkit-box-pack: center;
|
|
781
|
+
-ms-flex-pack: center;
|
|
782
|
+
justify-content: center;
|
|
739
783
|
padding: 0 0 0 12px;
|
|
740
784
|
}
|
|
741
785
|
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
|
|
786
|
+
display: -webkit-box;
|
|
742
787
|
display: -ms-flexbox;
|
|
743
788
|
display: flex;
|
|
744
789
|
padding: 12px;
|
|
@@ -751,6 +796,7 @@
|
|
|
751
796
|
top: auto;
|
|
752
797
|
}
|
|
753
798
|
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
|
|
799
|
+
display: -webkit-box;
|
|
754
800
|
display: -ms-flexbox;
|
|
755
801
|
display: flex;
|
|
756
802
|
padding: 12px;
|
|
@@ -849,7 +895,8 @@
|
|
|
849
895
|
.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
|
|
850
896
|
.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
|
|
851
897
|
.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
|
|
852
|
-
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
|
|
898
|
+
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
|
|
899
|
+
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
|
|
853
900
|
}
|
|
854
901
|
.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
|
|
855
902
|
.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
|
|
@@ -859,7 +906,8 @@
|
|
|
859
906
|
}
|
|
860
907
|
.e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
|
|
861
908
|
background: #fff;
|
|
862
|
-
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
|
|
909
|
+
-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
|
|
910
|
+
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
|
|
863
911
|
}
|
|
864
912
|
.e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
|
|
865
913
|
border-radius: 4px;
|
package/styles/bootstrap.scss
CHANGED
|
@@ -1 +1,26 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import 'ej2-base/styles/definition/bootstrap.scss';
|
|
2
|
+
@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
|
|
3
|
+
@import 'ej2-inputs/styles/color-picker/bootstrap-definition.scss';
|
|
4
|
+
@import 'ej2-inputs/styles/maskedtextbox/bootstrap-definition.scss';
|
|
5
|
+
@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
|
|
6
|
+
@import 'ej2-inputs/styles/slider/bootstrap-definition.scss';
|
|
7
|
+
@import 'ej2-inputs/styles/textbox/bootstrap-definition.scss';
|
|
8
|
+
@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
|
|
9
|
+
@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
|
|
10
|
+
@import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
|
|
11
|
+
@import 'ej2-calendars/styles/calendar/bootstrap-definition.scss';
|
|
12
|
+
@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
|
|
13
|
+
@import 'ej2-calendars/styles/daterangepicker/bootstrap-definition.scss';
|
|
14
|
+
@import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
|
|
15
|
+
@import 'ej2-calendars/styles/timepicker/bootstrap-definition.scss';
|
|
16
|
+
@import 'ej2-dropdowns/styles/auto-complete/bootstrap-definition.scss';
|
|
17
|
+
@import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
|
|
18
|
+
@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
|
|
19
|
+
@import 'ej2-dropdowns/styles/multi-select/bootstrap-definition.scss';
|
|
20
|
+
@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
|
|
21
|
+
@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
|
|
22
|
+
@import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
|
|
23
|
+
@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-definition.scss';
|
|
24
|
+
@import 'inplace-editor/bootstrap-definition.scss';
|
|
25
|
+
@import 'inplace-editor/icons/bootstrap.scss';
|
|
26
|
+
@import 'inplace-editor/all.scss';
|