@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.
Files changed (116) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  3. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-inplace-editor.es2015.js +22 -43
  5. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-inplace-editor.es5.js +77 -98
  7. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  8. package/dist/global/ej2-inplace-editor.min.js +2 -2
  9. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/dist/ts/index.d.ts +4 -0
  12. package/dist/ts/index.ts +4 -0
  13. package/dist/ts/inplace-editor/base/classes.d.ts +63 -0
  14. package/dist/ts/inplace-editor/base/classes.ts +63 -0
  15. package/dist/ts/inplace-editor/base/events.d.ts +17 -0
  16. package/dist/ts/inplace-editor/base/events.ts +18 -0
  17. package/dist/ts/inplace-editor/base/index.d.ts +10 -0
  18. package/dist/ts/inplace-editor/base/index.ts +10 -0
  19. package/dist/ts/inplace-editor/base/inplace-editor-model.d.ts +344 -0
  20. package/dist/ts/inplace-editor/base/inplace-editor.d.ts +623 -0
  21. package/dist/ts/inplace-editor/base/inplace-editor.ts +1758 -0
  22. package/dist/ts/inplace-editor/base/interface.d.ts +117 -0
  23. package/dist/ts/inplace-editor/base/interface.ts +127 -0
  24. package/dist/ts/inplace-editor/base/models-model.d.ts +22 -0
  25. package/dist/ts/inplace-editor/base/models.d.ts +31 -0
  26. package/dist/ts/inplace-editor/base/models.ts +45 -0
  27. package/dist/ts/inplace-editor/base/util.d.ts +28 -0
  28. package/dist/ts/inplace-editor/base/util.ts +104 -0
  29. package/dist/ts/inplace-editor/index.d.ts +5 -0
  30. package/dist/ts/inplace-editor/index.ts +5 -0
  31. package/dist/ts/inplace-editor/modules/auto-complete.d.ts +34 -0
  32. package/dist/ts/inplace-editor/modules/auto-complete.ts +65 -0
  33. package/dist/ts/inplace-editor/modules/base-module.d.ts +19 -0
  34. package/dist/ts/inplace-editor/modules/base-module.ts +74 -0
  35. package/dist/ts/inplace-editor/modules/color-picker.d.ts +29 -0
  36. package/dist/ts/inplace-editor/modules/color-picker.ts +55 -0
  37. package/dist/ts/inplace-editor/modules/combo-box.d.ts +34 -0
  38. package/dist/ts/inplace-editor/modules/combo-box.ts +63 -0
  39. package/dist/ts/inplace-editor/modules/date-range-picker.d.ts +29 -0
  40. package/dist/ts/inplace-editor/modules/date-range-picker.ts +55 -0
  41. package/dist/ts/inplace-editor/modules/index.d.ts +12 -0
  42. package/dist/ts/inplace-editor/modules/index.ts +12 -0
  43. package/dist/ts/inplace-editor/modules/multi-select.d.ts +35 -0
  44. package/dist/ts/inplace-editor/modules/multi-select.ts +88 -0
  45. package/dist/ts/inplace-editor/modules/rte.d.ts +31 -0
  46. package/dist/ts/inplace-editor/modules/rte.ts +73 -0
  47. package/dist/ts/inplace-editor/modules/slider.d.ts +30 -0
  48. package/dist/ts/inplace-editor/modules/slider.ts +59 -0
  49. package/dist/ts/inplace-editor/modules/time-picker.d.ts +29 -0
  50. package/dist/ts/inplace-editor/modules/time-picker.ts +54 -0
  51. package/package.json +17 -17
  52. package/src/inplace-editor/base/inplace-editor.d.ts +0 -1
  53. package/src/inplace-editor/base/interface.js +0 -1
  54. package/src/inplace-editor/base/models.js +0 -2
  55. package/styles/bootstrap-dark.css +61 -14
  56. package/styles/bootstrap-dark.scss +26 -1
  57. package/styles/bootstrap.css +63 -15
  58. package/styles/bootstrap.scss +26 -1
  59. package/styles/bootstrap4.css +71 -19
  60. package/styles/bootstrap4.scss +26 -1
  61. package/styles/bootstrap5-dark.css +62 -14
  62. package/styles/bootstrap5-dark.scss +26 -1
  63. package/styles/bootstrap5.css +62 -14
  64. package/styles/bootstrap5.scss +26 -1
  65. package/styles/fabric-dark.css +59 -13
  66. package/styles/fabric-dark.scss +26 -1
  67. package/styles/fabric.css +61 -14
  68. package/styles/fabric.scss +26 -1
  69. package/styles/fluent-dark.css +63 -15
  70. package/styles/fluent-dark.scss +26 -1
  71. package/styles/fluent.css +63 -15
  72. package/styles/fluent.scss +26 -1
  73. package/styles/fluent2.css +1996 -0
  74. package/styles/fluent2.scss +26 -0
  75. package/styles/highcontrast-light.css +62 -13
  76. package/styles/highcontrast-light.scss +26 -1
  77. package/styles/highcontrast.css +64 -14
  78. package/styles/highcontrast.scss +26 -1
  79. package/styles/inplace-editor/_bootstrap5.3-definition.scss +69 -0
  80. package/styles/inplace-editor/_fluent2-definition.scss +71 -0
  81. package/styles/inplace-editor/_theme.scss +8 -3
  82. package/styles/inplace-editor/bootstrap-dark.css +61 -14
  83. package/styles/inplace-editor/bootstrap.css +63 -15
  84. package/styles/inplace-editor/bootstrap4.css +71 -19
  85. package/styles/inplace-editor/bootstrap5-dark.css +62 -14
  86. package/styles/inplace-editor/bootstrap5.css +62 -14
  87. package/styles/inplace-editor/fabric-dark.css +59 -13
  88. package/styles/inplace-editor/fabric.css +61 -14
  89. package/styles/inplace-editor/fluent-dark.css +63 -15
  90. package/styles/inplace-editor/fluent.css +63 -15
  91. package/styles/inplace-editor/fluent2.css +1996 -0
  92. package/styles/inplace-editor/fluent2.scss +26 -0
  93. package/styles/inplace-editor/highcontrast-light.css +62 -13
  94. package/styles/inplace-editor/highcontrast.css +64 -14
  95. package/styles/inplace-editor/icons/_bootstrap5.3.scss +19 -0
  96. package/styles/inplace-editor/icons/_fluent2.scss +19 -0
  97. package/styles/inplace-editor/material-dark.css +79 -17
  98. package/styles/inplace-editor/material.css +95 -20
  99. package/styles/inplace-editor/material3-dark.css +101 -21
  100. package/styles/inplace-editor/material3.css +101 -21
  101. package/styles/inplace-editor/tailwind-dark.css +72 -17
  102. package/styles/inplace-editor/tailwind.css +72 -17
  103. package/styles/material-dark.css +79 -17
  104. package/styles/material-dark.scss +26 -1
  105. package/styles/material.css +95 -20
  106. package/styles/material.scss +26 -1
  107. package/styles/material3-dark.css +101 -21
  108. package/styles/material3-dark.scss +26 -1
  109. package/styles/material3.css +101 -21
  110. package/styles/material3.scss +26 -1
  111. package/styles/tailwind-dark.css +72 -17
  112. package/styles/tailwind-dark.scss +26 -1
  113. package/styles/tailwind.css +72 -17
  114. package/styles/tailwind.scss +26 -1
  115. package/CHANGELOG.md +0 -262
  116. 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-mCewsMWC2UltBcHXufePV5LVcGQifHNn0hJGQdlS63V+So35F84HUvxEYluKo1CNn+Pkn95kbtpwqhW2KUXRSA==",
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-hotfix-new/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-25.1.35.tgz",
28
- "_shasum": "6add029670ce7940c9cfe99a33bc6bc266d5eae2",
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-automation_release_25.1.1/packages/included",
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": "~25.2.3",
40
- "@syncfusion/ej2-buttons": "~25.2.3",
41
- "@syncfusion/ej2-calendars": "~25.2.3",
42
- "@syncfusion/ej2-data": "~25.2.3",
43
- "@syncfusion/ej2-dropdowns": "~25.2.3",
44
- "@syncfusion/ej2-inputs": "~25.2.3",
45
- "@syncfusion/ej2-lists": "~25.2.3",
46
- "@syncfusion/ej2-navigations": "~25.2.3",
47
- "@syncfusion/ej2-notifications": "~25.2.3",
48
- "@syncfusion/ej2-popups": "~25.2.3",
49
- "@syncfusion/ej2-richtexteditor": "~25.2.3",
50
- "@syncfusion/ej2-splitbuttons": "~25.2.3"
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": "25.2.3",
73
+ "version": "26.1.35",
74
74
  "sideEffects": false
75
75
  }
@@ -105,7 +105,6 @@ export declare class InPlaceEditor extends Component<HTMLElement> implements INo
105
105
  private initRender;
106
106
  private inlineWrapper;
107
107
  private isTemplate;
108
- private isVue;
109
108
  private formValidate;
110
109
  private componentObj;
111
110
  private isExtModule;
@@ -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
- -ms-flex-align: center;
327
- align-items: center;
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
- -ms-flex-align: center;
380
- align-items: center;
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
- -ms-flex-direction: column;
598
- flex-direction: column;
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
- -ms-flex-pack: center;
604
- justify-content: center;
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 'inplace-editor/bootstrap-dark.scss';
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';
@@ -1,8 +1,10 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
- /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap theme variables */
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
- -ms-flex-align: center;
461
- align-items: center;
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
- -ms-flex-align: center;
514
- align-items: center;
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
- -ms-flex-direction: column;
732
- flex-direction: column;
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
- -ms-flex-pack: center;
738
- justify-content: center;
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;
@@ -1 +1,26 @@
1
- @import 'inplace-editor/bootstrap.scss';
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';