@syncfusion/ej2-inputs 20.1.58 → 20.2.36

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 (88) hide show
  1. package/dist/ej2-inputs.umd.min.js +2 -2
  2. package/dist/ej2-inputs.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-inputs.es2015.js +12 -4
  4. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es5.js +12 -4
  6. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  7. package/dist/global/ej2-inputs.min.js +2 -2
  8. package/dist/global/ej2-inputs.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/helpers/e2e/colorpickerHelper.js +67 -50
  11. package/helpers/e2e/index.js +12 -10
  12. package/helpers/e2e/maskedtextboxHelper.js +56 -40
  13. package/helpers/e2e/numerictextboxHelper.js +53 -37
  14. package/helpers/e2e/slider.js +96 -80
  15. package/helpers/e2e/textboxHelper.js +53 -37
  16. package/helpers/e2e/uploaderHelper.js +106 -90
  17. package/package.json +9 -9
  18. package/src/numerictextbox/numerictextbox-model.d.ts +1 -1
  19. package/src/numerictextbox/numerictextbox.js +9 -3
  20. package/src/textbox/textbox.js +4 -1
  21. package/src/uploader/uploader.js +0 -1
  22. package/styles/bootstrap-dark.css +4 -2
  23. package/styles/bootstrap.css +4 -2
  24. package/styles/bootstrap4.css +4 -2
  25. package/styles/bootstrap5-dark.css +4 -2
  26. package/styles/bootstrap5.css +4 -2
  27. package/styles/color-picker/_bootstrap-dark-definition.scss +1 -1
  28. package/styles/color-picker/_bootstrap-definition.scss +1 -1
  29. package/styles/color-picker/_bootstrap4-definition.scss +1 -1
  30. package/styles/color-picker/_bootstrap5-definition.scss +1 -1
  31. package/styles/color-picker/_fabric-dark-definition.scss +1 -1
  32. package/styles/color-picker/_fabric-definition.scss +1 -1
  33. package/styles/color-picker/_fluent-definition.scss +1 -1
  34. package/styles/color-picker/_fusionnew-definition.scss +134 -0
  35. package/styles/color-picker/_highcontrast-definition.scss +1 -1
  36. package/styles/color-picker/_highcontrast-light-definition.scss +1 -1
  37. package/styles/color-picker/_layout.scss +3 -1
  38. package/styles/color-picker/_material-dark-definition.scss +1 -1
  39. package/styles/color-picker/_material-definition.scss +1 -1
  40. package/styles/color-picker/_material3-definition.scss +134 -0
  41. package/styles/color-picker/_tailwind-definition.scss +1 -1
  42. package/styles/color-picker/bootstrap-dark.css +4 -2
  43. package/styles/color-picker/bootstrap.css +4 -2
  44. package/styles/color-picker/bootstrap4.css +4 -2
  45. package/styles/color-picker/bootstrap5-dark.css +4 -2
  46. package/styles/color-picker/bootstrap5.css +4 -2
  47. package/styles/color-picker/fabric-dark.css +4 -2
  48. package/styles/color-picker/fabric.css +4 -2
  49. package/styles/color-picker/fluent-dark.css +4 -2
  50. package/styles/color-picker/fluent.css +4 -2
  51. package/styles/color-picker/highcontrast-light.css +4 -2
  52. package/styles/color-picker/highcontrast.css +4 -2
  53. package/styles/color-picker/icons/_fusionnew.scss +10 -0
  54. package/styles/color-picker/icons/_material3.scss +10 -0
  55. package/styles/color-picker/material-dark.css +4 -2
  56. package/styles/color-picker/material.css +4 -2
  57. package/styles/color-picker/tailwind-dark.css +4 -2
  58. package/styles/color-picker/tailwind.css +4 -2
  59. package/styles/fabric-dark.css +4 -2
  60. package/styles/fabric.css +4 -2
  61. package/styles/fluent-dark.css +4 -2
  62. package/styles/fluent.css +4 -2
  63. package/styles/highcontrast-light.css +4 -2
  64. package/styles/highcontrast.css +4 -2
  65. package/styles/input/_fusionnew-definition.scss +321 -0
  66. package/styles/input/_material3-definition.scss +321 -0
  67. package/styles/input/icons/_fusionnew.scss +17 -0
  68. package/styles/input/icons/_material3.scss +17 -0
  69. package/styles/maskedtextbox/_fusionnew-definition.scss +7 -0
  70. package/styles/maskedtextbox/_material3-definition.scss +7 -0
  71. package/styles/material-dark.css +4 -2
  72. package/styles/material.css +4 -2
  73. package/styles/numerictextbox/_fusionnew-definition.scss +3 -0
  74. package/styles/numerictextbox/_material3-definition.scss +3 -0
  75. package/styles/numerictextbox/icons/_fusionnew.scss +12 -0
  76. package/styles/numerictextbox/icons/_material3.scss +12 -0
  77. package/styles/signature/_fusionnew-definition.scss +3 -0
  78. package/styles/signature/_material3-definition.scss +3 -0
  79. package/styles/slider/_fusionnew-definition.scss +90 -0
  80. package/styles/slider/_material3-definition.scss +90 -0
  81. package/styles/tailwind-dark.css +4 -2
  82. package/styles/tailwind.css +4 -2
  83. package/styles/textbox/_fusionnew-definition.scss +0 -0
  84. package/styles/textbox/_material3-definition.scss +0 -0
  85. package/styles/uploader/_fusionnew-definition.scss +216 -0
  86. package/styles/uploader/_material3-definition.scss +216 -0
  87. package/styles/uploader/icons/_fusionnew.scss +34 -0
  88. package/styles/uploader/icons/_material3.scss +34 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.1.58
3
+ * version : 20.2.36
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
@@ -1,53 +1,70 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
4
- /**
5
- * E2E test helpers for Colorpicker to easily interact and the test the component
6
- */
7
- class ColorpickerHelper extends e2e_1.TestHelper {
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
15
+ "use strict";
16
+ Object.defineProperty(exports, "__esModule", { value: true });
8
17
  /**
9
- * Initialize the Colorpicker E2E helpers
10
- * @param id Element id of the Colorpicker element
11
- * @param wrapperFn Pass the wrapper function
18
+ * E2E test helpers for Colorpicker to easily interact and the test the component
12
19
  */
13
- constructor(id, wrapperFn) {
14
- super();
15
- this.id = id;
16
- if (wrapperFn !== undefined) {
17
- this.wrapperFn = wrapperFn;
20
+ var ColorpickerHelper = /** @class */ (function (_super) {
21
+ __extends(ColorpickerHelper, _super);
22
+ /**
23
+ * Initialize the Colorpicker E2E helpers
24
+ * @param id Element id of the Colorpicker element
25
+ * @param wrapperFn Pass the wrapper function
26
+ */
27
+ function ColorpickerHelper(id, wrapperFn) {
28
+ var _this = _super.call(this) || this;
29
+ _this.id = id;
30
+ if (wrapperFn !== undefined) {
31
+ _this.wrapperFn = wrapperFn;
32
+ }
33
+ return _this;
18
34
  }
19
- return this;
20
- }
21
- /**
22
- * Used to get root element of the Colorpicker component
23
- */
24
- getElement() {
25
- return this.selector('#' + this.id);
26
- }
27
- getSplitButtonElement() {
28
- return this.selector('#' + this.id + '_dropdownbtn');
29
- }
30
- getSplitButtonPopupElement() {
31
- return this.selector('#' + this.id + '_dropdownbtn_popup');
32
- }
33
- setModel(property, value) {
34
- let cy;
35
- return cy.get('#' + this.id).then((ele) => {
36
- return ele[0].ej2_instances[0][property] = value;
37
- });
38
- }
39
- getModel(property) {
40
- let cy;
41
- return cy.get('#' + this.id).then((ele) => {
42
- return ele[0].ej2_instances[0][property];
43
- });
44
- }
45
- invoke(fName, args = []) {
46
- let cy;
47
- return cy.get('#' + this.id).then((ele) => {
48
- var inst = ele[0].ej2_instances[0];
49
- return inst[fName].apply(inst, args);
50
- });
51
- }
52
- }
53
- exports.ColorpickerHelper = ColorpickerHelper;
35
+ /**
36
+ * Used to get root element of the Colorpicker component
37
+ */
38
+ ColorpickerHelper.prototype.getElement = function () {
39
+ return this.selector('#' + this.id);
40
+ };
41
+ ColorpickerHelper.prototype.getSplitButtonElement = function () {
42
+ return this.selector('#' + this.id + '_dropdownbtn');
43
+ };
44
+ ColorpickerHelper.prototype.getSplitButtonPopupElement = function () {
45
+ return this.selector('#' + this.id + '_dropdownbtn_popup');
46
+ };
47
+ ColorpickerHelper.prototype.setModel = function (property, value) {
48
+ var cy;
49
+ return cy.get('#' + this.id).then(function (ele) {
50
+ return ele[0].ej2_instances[0][property] = value;
51
+ });
52
+ };
53
+ ColorpickerHelper.prototype.getModel = function (property) {
54
+ var cy;
55
+ return cy.get('#' + this.id).then(function (ele) {
56
+ return ele[0].ej2_instances[0][property];
57
+ });
58
+ };
59
+ ColorpickerHelper.prototype.invoke = function (fName, args) {
60
+ if (args === void 0) { args = []; }
61
+ var cy;
62
+ return cy.get('#' + this.id).then(function (ele) {
63
+ var inst = ele[0].ej2_instances[0];
64
+ return inst[fName].apply(inst, args);
65
+ });
66
+ };
67
+ return ColorpickerHelper;
68
+ }(e2e_1.TestHelper));
69
+ exports.ColorpickerHelper = ColorpickerHelper;
70
+ });
@@ -1,10 +1,12 @@
1
- "use strict";
2
- function __export(m) {
3
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
4
- }
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- __export(require("./maskedtextboxHelper"));
7
- __export(require("./numerictextboxHelper"));
8
- __export(require("./textboxHelper"));
9
- __export(require("./uploaderHelper"));
10
- __export(require("./slider"));
1
+ define(["require", "exports", "./maskedtextboxHelper", "./numerictextboxHelper", "./textboxHelper", "./uploaderHelper", "./slider"], function (require, exports, maskedtextboxHelper_1, numerictextboxHelper_1, textboxHelper_1, uploaderHelper_1, slider_1) {
2
+ "use strict";
3
+ function __export(m) {
4
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
5
+ }
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ __export(maskedtextboxHelper_1);
8
+ __export(numerictextboxHelper_1);
9
+ __export(textboxHelper_1);
10
+ __export(uploaderHelper_1);
11
+ __export(slider_1);
12
+ });
@@ -1,41 +1,57 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
4
- class maskedtextboxHelper extends e2e_1.TestHelper {
5
- constructor(id, wrapperFn) {
6
- super();
7
- this.id = id;
8
- if (wrapperFn !== undefined) {
9
- this.wrapperFn = wrapperFn;
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
15
+ "use strict";
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var maskedtextboxHelper = /** @class */ (function (_super) {
18
+ __extends(maskedtextboxHelper, _super);
19
+ function maskedtextboxHelper(id, wrapperFn) {
20
+ var _this = _super.call(this) || this;
21
+ _this.id = id;
22
+ if (wrapperFn !== undefined) {
23
+ _this.wrapperFn = wrapperFn;
24
+ }
25
+ return _this;
10
26
  }
11
- return this;
12
- }
13
- selector(arg) {
14
- return (this.wrapperFn ? this.wrapperFn(arg) : arg);
15
- }
16
- getElement() {
17
- return this.selector('#' + this.id);
18
- }
19
- getWrapperElement() {
20
- return this.selector('.e-control-wrapper.e-mask.e-input-group');
21
- }
22
- getInputElement() {
23
- return this.selector('.e-control-wrapper.e-mask.e-input-group .e-control.e-maskedtextbox.e-lib.e-input');
24
- }
25
- getFocusElement() {
26
- return this.selector('.e-control-wrapper.e-mask.e-input-group.e-input-focus');
27
- }
28
- getClearIconElement() {
29
- return this.selector('.e-control-wrapper.e-mask.e-input-group .e-clear-icon');
30
- }
31
- getFloatLabelElement() {
32
- return this.selector('#' + 'label_' + this.id);
33
- }
34
- setModel(property, value) {
35
- let cy;
36
- return cy.get('#' + this.id).then((ele) => {
37
- return ele[0].ej2_instances[0][property] = value;
38
- });
39
- }
40
- }
41
- exports.maskedtextboxHelper = maskedtextboxHelper;
27
+ maskedtextboxHelper.prototype.selector = function (arg) {
28
+ return (this.wrapperFn ? this.wrapperFn(arg) : arg);
29
+ };
30
+ maskedtextboxHelper.prototype.getElement = function () {
31
+ return this.selector('#' + this.id);
32
+ };
33
+ maskedtextboxHelper.prototype.getWrapperElement = function () {
34
+ return this.selector('.e-control-wrapper.e-mask.e-input-group');
35
+ };
36
+ maskedtextboxHelper.prototype.getInputElement = function () {
37
+ return this.selector('.e-control-wrapper.e-mask.e-input-group .e-control.e-maskedtextbox.e-lib.e-input');
38
+ };
39
+ maskedtextboxHelper.prototype.getFocusElement = function () {
40
+ return this.selector('.e-control-wrapper.e-mask.e-input-group.e-input-focus');
41
+ };
42
+ maskedtextboxHelper.prototype.getClearIconElement = function () {
43
+ return this.selector('.e-control-wrapper.e-mask.e-input-group .e-clear-icon');
44
+ };
45
+ maskedtextboxHelper.prototype.getFloatLabelElement = function () {
46
+ return this.selector('#' + 'label_' + this.id);
47
+ };
48
+ maskedtextboxHelper.prototype.setModel = function (property, value) {
49
+ var cy;
50
+ return cy.get('#' + this.id).then(function (ele) {
51
+ return ele[0].ej2_instances[0][property] = value;
52
+ });
53
+ };
54
+ return maskedtextboxHelper;
55
+ }(e2e_1.TestHelper));
56
+ exports.maskedtextboxHelper = maskedtextboxHelper;
57
+ });
@@ -1,38 +1,54 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
4
- class numerictextboxHelper extends e2e_1.TestHelper {
5
- constructor(id, wrapperFn) {
6
- super();
7
- this.id = id;
8
- if (wrapperFn !== undefined) {
9
- this.wrapperFn = wrapperFn;
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
15
+ "use strict";
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var numerictextboxHelper = /** @class */ (function (_super) {
18
+ __extends(numerictextboxHelper, _super);
19
+ function numerictextboxHelper(id, wrapperFn) {
20
+ var _this = _super.call(this) || this;
21
+ _this.id = id;
22
+ if (wrapperFn !== undefined) {
23
+ _this.wrapperFn = wrapperFn;
24
+ }
25
+ return _this;
10
26
  }
11
- return this;
12
- }
13
- selector(arg) {
14
- return (this.wrapperFn ? this.wrapperFn(arg) : arg);
15
- }
16
- getWrapperElement() {
17
- return this.selector('.e-control-wrapper.e-numeric.e-input-group');
18
- }
19
- getInputElement() {
20
- return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-numerictextbox');
21
- }
22
- getUpIconElement() {
23
- return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon.e-spin-up');
24
- }
25
- getDownIconElement() {
26
- return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon.e-spin-down');
27
- }
28
- getFocusElement() {
29
- return this.selector('.e-control-wrapper.e-numeric.e-input-group.e-input-focus');
30
- }
31
- getClearIconElement() {
32
- return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-clear-icon');
33
- }
34
- getFloatLabelElement() {
35
- return this.selector('#' + 'label_' + this.id);
36
- }
37
- }
38
- exports.numerictextboxHelper = numerictextboxHelper;
27
+ numerictextboxHelper.prototype.selector = function (arg) {
28
+ return (this.wrapperFn ? this.wrapperFn(arg) : arg);
29
+ };
30
+ numerictextboxHelper.prototype.getWrapperElement = function () {
31
+ return this.selector('.e-control-wrapper.e-numeric.e-input-group');
32
+ };
33
+ numerictextboxHelper.prototype.getInputElement = function () {
34
+ return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-numerictextbox');
35
+ };
36
+ numerictextboxHelper.prototype.getUpIconElement = function () {
37
+ return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon.e-spin-up');
38
+ };
39
+ numerictextboxHelper.prototype.getDownIconElement = function () {
40
+ return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon.e-spin-down');
41
+ };
42
+ numerictextboxHelper.prototype.getFocusElement = function () {
43
+ return this.selector('.e-control-wrapper.e-numeric.e-input-group.e-input-focus');
44
+ };
45
+ numerictextboxHelper.prototype.getClearIconElement = function () {
46
+ return this.selector('.e-control-wrapper.e-numeric.e-input-group .e-clear-icon');
47
+ };
48
+ numerictextboxHelper.prototype.getFloatLabelElement = function () {
49
+ return this.selector('#' + 'label_' + this.id);
50
+ };
51
+ return numerictextboxHelper;
52
+ }(e2e_1.TestHelper));
53
+ exports.numerictextboxHelper = numerictextboxHelper;
54
+ });
@@ -1,83 +1,99 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
4
- /**
5
- * E2E test helpers for slider to easily interact and the test the component
6
- */
7
- class SliderHelper extends e2e_1.TestHelper {
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
15
+ "use strict";
16
+ Object.defineProperty(exports, "__esModule", { value: true });
8
17
  /**
9
- * Initialize the Slider E2E helpers
10
- * @param id Element id of the slider element
11
- * @param wrapperFn Pass the wrapper function
18
+ * E2E test helpers for slider to easily interact and the test the component
12
19
  */
13
- constructor(id, wrapperFn) {
14
- super();
15
- this.id = id;
16
- if (wrapperFn !== undefined) {
17
- this.wrapperFn = wrapperFn;
20
+ var SliderHelper = /** @class */ (function (_super) {
21
+ __extends(SliderHelper, _super);
22
+ /**
23
+ * Initialize the Slider E2E helpers
24
+ * @param id Element id of the slider element
25
+ * @param wrapperFn Pass the wrapper function
26
+ */
27
+ function SliderHelper(id, wrapperFn) {
28
+ var _this = _super.call(this) || this;
29
+ _this.id = id;
30
+ if (wrapperFn !== undefined) {
31
+ _this.wrapperFn = wrapperFn;
32
+ }
33
+ return _this;
18
34
  }
19
- return this;
20
- }
21
- /**
22
- * Used get root element or id of the Slider component
23
- */
24
- getElement() {
25
- return this.selector('#' + this.id);
26
- }
27
- /**
28
- * Used to get the tooltip element of slider component.
29
- * @param tooltipCssClass cssClass for the slider tooltip element
30
- * if assigned in the tooltip property of slider.
31
- *
32
- * Works only if the `tooltip` is used in the slider.
33
- */
34
- getSliderTooltipElement(tooltipCssClass) {
35
- let tooltipSelector = '.e-slider-tooltip[id^="tooltip_"]';
36
- if (tooltipCssClass)
37
- tooltipSelector += `.${tooltipCssClass}`;
38
- return this.selector(tooltipSelector);
39
- }
40
- /**
41
- * Used to get the slider components ticks element.
42
- *
43
- * Works only if `ticks` is enabled for slider.
44
- */
45
- getSliderTickElement() {
46
- return this.selector(`#${this.id} > ul`);
47
- }
48
- /**
49
- * Used to get the first button element of the slider component.
50
- *
51
- * Works only if `showButtons` is enabled for slider.
52
- */
53
- getFirstButtonElement() {
54
- if (typeof cy !== 'undefined') {
55
- return this.selector(`#${this.id}`)
56
- .parent('.e-slider-container')
57
- .get('.e-slider-button.e-first-button');
58
- }
59
- if (typeof browser !== 'undefined') {
60
- return element(by.css(`#${this.id}`))
61
- .element(by.xpath('..'))
62
- .element(by.css('.e-slider-button.e-first-button'));
63
- }
64
- }
65
- /**
66
- * Used to get the second button element of the slider component.
67
- *
68
- * Works only if `showButtons` is enabled for slider.
69
- */
70
- getSecondButtonElement() {
71
- if (typeof cy !== 'undefined') {
72
- return this.selector(`#${this.id}`)
73
- .parent('.e-slider-container')
74
- .get('.e-slider-button.e-second-button');
75
- }
76
- if (typeof browser !== 'undefined') {
77
- return element(by.css(`#${this.id}`))
78
- .element(by.xpath('..'))
79
- .element(by.css('.e-slider-button.e-second-button'));
80
- }
81
- }
82
- }
83
- exports.SliderHelper = SliderHelper;
35
+ /**
36
+ * Used get root element or id of the Slider component
37
+ */
38
+ SliderHelper.prototype.getElement = function () {
39
+ return this.selector('#' + this.id);
40
+ };
41
+ /**
42
+ * Used to get the tooltip element of slider component.
43
+ * @param tooltipCssClass cssClass for the slider tooltip element
44
+ * if assigned in the tooltip property of slider.
45
+ *
46
+ * Works only if the `tooltip` is used in the slider.
47
+ */
48
+ SliderHelper.prototype.getSliderTooltipElement = function (tooltipCssClass) {
49
+ var tooltipSelector = '.e-slider-tooltip[id^="tooltip_"]';
50
+ if (tooltipCssClass)
51
+ tooltipSelector += "." + tooltipCssClass;
52
+ return this.selector(tooltipSelector);
53
+ };
54
+ /**
55
+ * Used to get the slider components ticks element.
56
+ *
57
+ * Works only if `ticks` is enabled for slider.
58
+ */
59
+ SliderHelper.prototype.getSliderTickElement = function () {
60
+ return this.selector("#" + this.id + " > ul");
61
+ };
62
+ /**
63
+ * Used to get the first button element of the slider component.
64
+ *
65
+ * Works only if `showButtons` is enabled for slider.
66
+ */
67
+ SliderHelper.prototype.getFirstButtonElement = function () {
68
+ if (typeof cy !== 'undefined') {
69
+ return this.selector("#" + this.id)
70
+ .parent('.e-slider-container')
71
+ .get('.e-slider-button.e-first-button');
72
+ }
73
+ if (typeof browser !== 'undefined') {
74
+ return element(by.css("#" + this.id))
75
+ .element(by.xpath('..'))
76
+ .element(by.css('.e-slider-button.e-first-button'));
77
+ }
78
+ };
79
+ /**
80
+ * Used to get the second button element of the slider component.
81
+ *
82
+ * Works only if `showButtons` is enabled for slider.
83
+ */
84
+ SliderHelper.prototype.getSecondButtonElement = function () {
85
+ if (typeof cy !== 'undefined') {
86
+ return this.selector("#" + this.id)
87
+ .parent('.e-slider-container')
88
+ .get('.e-slider-button.e-second-button');
89
+ }
90
+ if (typeof browser !== 'undefined') {
91
+ return element(by.css("#" + this.id))
92
+ .element(by.xpath('..'))
93
+ .element(by.css('.e-slider-button.e-second-button'));
94
+ }
95
+ };
96
+ return SliderHelper;
97
+ }(e2e_1.TestHelper));
98
+ exports.SliderHelper = SliderHelper;
99
+ });
@@ -1,38 +1,54 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
4
- class textboxHelper extends e2e_1.TestHelper {
5
- constructor(id, wrapperFn) {
6
- super();
7
- this.id = id;
8
- if (wrapperFn !== undefined) {
9
- this.wrapperFn = wrapperFn;
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
15
+ "use strict";
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var textboxHelper = /** @class */ (function (_super) {
18
+ __extends(textboxHelper, _super);
19
+ function textboxHelper(id, wrapperFn) {
20
+ var _this = _super.call(this) || this;
21
+ _this.id = id;
22
+ if (wrapperFn !== undefined) {
23
+ _this.wrapperFn = wrapperFn;
24
+ }
25
+ return _this;
10
26
  }
11
- return this;
12
- }
13
- selector(arg) {
14
- return (this.wrapperFn ? this.wrapperFn(arg) : arg);
15
- }
16
- getElement() {
17
- return this.selector('#' + this.id);
18
- }
19
- getWrapperElement() {
20
- return this.selector('.e-float-input.e-control-wrapper');
21
- }
22
- getInputElement() {
23
- return this.selector('.e-float-input.e-control-wrapper .e-control.e-textbox.e-lib');
24
- }
25
- getClearIconElement() {
26
- return this.selector('.e-float-input.e-control-wrapper .e-float-line .e-clear-icon');
27
- }
28
- getFloatLabelElement() {
29
- return this.selector('#' + 'label_' + this.id);
30
- }
31
- setModel(property, value) {
32
- let cy;
33
- return cy.get('#' + this.id).then((ele) => {
34
- return ele[0].ej2_instances[0][property] = value;
35
- });
36
- }
37
- }
38
- exports.textboxHelper = textboxHelper;
27
+ textboxHelper.prototype.selector = function (arg) {
28
+ return (this.wrapperFn ? this.wrapperFn(arg) : arg);
29
+ };
30
+ textboxHelper.prototype.getElement = function () {
31
+ return this.selector('#' + this.id);
32
+ };
33
+ textboxHelper.prototype.getWrapperElement = function () {
34
+ return this.selector('.e-float-input.e-control-wrapper');
35
+ };
36
+ textboxHelper.prototype.getInputElement = function () {
37
+ return this.selector('.e-float-input.e-control-wrapper .e-control.e-textbox.e-lib');
38
+ };
39
+ textboxHelper.prototype.getClearIconElement = function () {
40
+ return this.selector('.e-float-input.e-control-wrapper .e-float-line .e-clear-icon');
41
+ };
42
+ textboxHelper.prototype.getFloatLabelElement = function () {
43
+ return this.selector('#' + 'label_' + this.id);
44
+ };
45
+ textboxHelper.prototype.setModel = function (property, value) {
46
+ var cy;
47
+ return cy.get('#' + this.id).then(function (ele) {
48
+ return ele[0].ej2_instances[0][property] = value;
49
+ });
50
+ };
51
+ return textboxHelper;
52
+ }(e2e_1.TestHelper));
53
+ exports.textboxHelper = textboxHelper;
54
+ });