remote-calibrator 0.3.0-beta.6 → 0.3.0-beta.7

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "remote-calibrator",
3
- "version": "0.3.0-beta.6",
3
+ "version": "0.3.0-beta.7",
4
4
  "description": "A toolbox for remote testing calibration and tracking.",
5
5
  "main": "lib/RemoteCalibrator.min.js",
6
6
  "directories": {
@@ -42,18 +42,18 @@
42
42
  "husky": "^7.0.2",
43
43
  "lint-staged": "^11.2.3",
44
44
  "nodemon": "^2.0.13",
45
- "postcss-loader": "^6.1.1",
45
+ "postcss-loader": "^6.2.0",
46
46
  "prettier": "^2.4.1",
47
47
  "sass": "^1.42.1",
48
- "sass-loader": "^12.1.0",
48
+ "sass-loader": "^12.2.0",
49
49
  "style-loader": "^3.3.0",
50
50
  "svg-inline-loader": "^0.8.2",
51
51
  "terser-webpack-plugin": "^5.2.4",
52
52
  "url-loader": "^4.1.1",
53
- "webpack": "^5.58.1",
53
+ "webpack": "^5.58.2",
54
54
  "webpack-cli": "^4.9.0",
55
55
  "webpack-modules": "^1.0.0",
56
- "xlsx": "^0.17.2"
56
+ "xlsx": "^0.17.3"
57
57
  },
58
58
  "lint-staged": {
59
59
  "*.js": "eslint --cache --fix",
@@ -21,7 +21,7 @@ export const swalInfoOptions = RC => {
21
21
  customClass: {
22
22
  icon: 'my__swal2__icon',
23
23
  title: 'my__swal2__title',
24
- htmlContainer: 'my__swal2__html',
24
+ htmlContainer: 'my__swal2__html' + ` rc-lang-${RC.LD.toLowerCase()}`,
25
25
  },
26
26
  }
27
27
  }
package/src/const.js CHANGED
@@ -25,4 +25,6 @@ RemoteCalibrator.prototype._CONST = Object.freeze({
25
25
  ORANGE: '#ff9a00',
26
26
  DARK_RED: '#ac0d0d',
27
27
  },
28
+ LTR: 'LTR',
29
+ RTL: 'RTL',
28
30
  })
package/src/core.js CHANGED
@@ -127,6 +127,10 @@ class RemoteCalibrator {
127
127
  return this._lang
128
128
  }
129
129
 
130
+ get LD() {
131
+ return this.languageDirection.value
132
+ }
133
+
130
134
  get language() {
131
135
  return this._helper_get(this._langData, 'language')
132
136
  }
@@ -555,6 +559,7 @@ RemoteCalibrator.prototype._addBackground = function (inner) {
555
559
  if (!b) {
556
560
  b = document.createElement('div')
557
561
  b.id = 'calibration-background'
562
+ b.className = 'calibration-background' + ` rc-lang-${this.LD.toLowerCase()}`
558
563
 
559
564
  document.body.classList.add('lock-view')
560
565
  document.body.appendChild(b)
@@ -8,15 +8,31 @@
8
8
  .rc-button {
9
9
  text-align: center;
10
10
  border: none !important;
11
- background: #ffffffee;
12
11
  line-height: 150% !important;
13
12
  font-size: 1rem !important;
14
13
  font-weight: 700 !important;
15
- color: #333;
16
14
  padding: 1rem 1.5rem !important;
17
15
  margin: 0.25rem !important;
18
16
  border-radius: 7px !important;
19
17
  cursor: pointer;
18
+ }
19
+
20
+ .rc-go-button {
21
+ background: #ff9a00aa;
22
+ color: #fff;
23
+
24
+ &:hover {
25
+ background: #ff9a00;
26
+ }
27
+
28
+ &:active {
29
+ background: #d68200;
30
+ }
31
+ }
32
+
33
+ .rc-cancel-button {
34
+ background: #ffffffee;
35
+ color: #333;
20
36
 
21
37
  &:hover {
22
38
  background: #ddd;
package/src/css/main.css CHANGED
@@ -28,7 +28,6 @@
28
28
 
29
29
  .calibration-instruction {
30
30
  position: absolute;
31
- text-align: left;
32
31
  user-select: none;
33
32
  }
34
33
 
@@ -136,12 +135,11 @@
136
135
  position: fixed !important;
137
136
  width: 100% !important;
138
137
  bottom: 3px !important;
139
- left: 50% !important;
140
- transform: translate(-50%, 0) !important;
141
138
  color: #999 !important;
142
139
  margin: 0 !important;
143
140
  padding: 0 !important;
144
141
  line-height: 100% !important;
142
+ text-align: center !important;
145
143
  }
146
144
 
147
145
  /* -------------------------------------------------------------------------- */
@@ -149,3 +147,15 @@
149
147
  .lock-view {
150
148
  overflow: hidden !important;
151
149
  }
150
+
151
+ /* -------------------------------------------------------------------------- */
152
+
153
+ .rc-lang-ltr {
154
+ direction: ltr !important;
155
+ text-align: left !important;
156
+ }
157
+
158
+ .rc-lang-rtl {
159
+ direction: rtl !important;
160
+ text-align: right !important;
161
+ }
@@ -17,7 +17,6 @@
17
17
  border-radius: 10px !important;
18
18
  box-shadow: var(--rc-panel-darken-color-semi) 0px 50px 100px -20px,
19
19
  var(--rc-panel-theme-color-semi) 0px 30px 60px -30px !important;
20
- text-align: left !important;
21
20
 
22
21
  * {
23
22
  outline: none;
@@ -100,10 +99,6 @@
100
99
  &.rc-panel-steps-s {
101
100
  flex-flow: column nowrap;
102
101
 
103
- .rc-panel-step {
104
- text-align: left;
105
- }
106
-
107
102
  .rc-panel-step-name {
108
103
  margin: 1.2rem 1.5rem !important;
109
104
  }
@@ -14,6 +14,7 @@
14
14
  cursor: grab;
15
15
  -webkit-transition: opacity 0.3s;
16
16
  transition: opacity 0.3s;
17
+ direction: ltr !important;
17
18
  }
18
19
 
19
20
  .rc-slider:hover {
@@ -63,14 +64,14 @@
63
64
  }
64
65
 
65
66
  #size-arrow-fill {
66
- transition: fill 0.1s;
67
+ transition: fill 0.3s;
67
68
  }
68
69
 
69
70
  .minor {
70
- transition: opacity 0.1s;
71
+ transition: opacity 0.25s;
71
72
  }
72
73
 
73
- .rc-slider:hover ~ .size-obj .minor,
74
+ /* .rc-slider:hover ~ .size-obj .minor, */
74
75
  .rc-slider:active ~ .size-obj .minor {
75
76
  opacity: 0;
76
77
  }
package/src/css/swal.css CHANGED
@@ -25,7 +25,6 @@
25
25
  line-height: 150% !important;
26
26
  font-weight: normal !important;
27
27
  user-select: none !important;
28
- text-align: left !important;
29
28
  }
30
29
 
31
30
  .animate__animated.animate__fadeInUp,