@kigi/components 1.45.1-beta.3 → 1.46.0
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 +1 -1
- package/src/components/mbg-average-customer-time/mbg-average-customer-time.scss +7 -5
- package/src/components/mbg-input-date/mbg-input-date.html +71 -73
- package/src/components/mbg-input-date/mbg-input-date.scss +0 -7
- package/src/components/mbg-input-date/mbg-input-date.ts +1 -6
- package/src/components/mbg-input-password/mbg-input-password.ts +0 -1
- package/src/components/mbg-store-goal/mbg-store-goal.scss +9 -7
- package/src/components/mbg-top-sellings-products/mbg-top-sellings-products.scss +9 -5
package/package.json
CHANGED
|
@@ -6,6 +6,13 @@ mbg-average-customer-time {
|
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
.average-customer-time-wrapper {
|
|
10
|
+
.tooltip-inner {
|
|
11
|
+
background: #0EBCBD !important;
|
|
12
|
+
width: 250px;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
9
16
|
.customer-average {
|
|
10
17
|
padding: 0px 32px;
|
|
11
18
|
}
|
|
@@ -25,12 +32,7 @@ mbg-average-customer-time {
|
|
|
25
32
|
.opacity-dash{
|
|
26
33
|
opacity: 0.6;
|
|
27
34
|
}
|
|
28
|
-
.tooltip-inner {
|
|
29
|
-
background: #0EBCBD !important;
|
|
30
|
-
width: 250px;
|
|
31
|
-
}
|
|
32
35
|
|
|
33
|
-
|
|
34
36
|
.play-interval{
|
|
35
37
|
color: #0EBCBD;
|
|
36
38
|
}
|
|
@@ -1,76 +1,74 @@
|
|
|
1
1
|
<div class="mbg-input-wrapper mb-input-date-wrapper"
|
|
2
2
|
ng-if="$ctrl.props">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
mbg-datepicker />
|
|
75
|
-
</div>
|
|
3
|
+
<!-- only mask -->
|
|
4
|
+
<input type="text"
|
|
5
|
+
ng-if="!$ctrl.calendar && !$ctrl.between"
|
|
6
|
+
ng-model="$ctrl.ngModel"
|
|
7
|
+
ng-change="$ctrl.onChange()"
|
|
8
|
+
placeholder="{{ $ctrl.placeholder }}"
|
|
9
|
+
ng-required="$ctrl.ngRequired"
|
|
10
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
11
|
+
ng-blur="$ctrl.ngBlur({ $event })"
|
|
12
|
+
ng-focus="$ctrl.ngFocus({ $event })"
|
|
13
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
14
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
15
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
16
|
+
ui-date-mask="{{ $ctrl.format }}" />
|
|
17
|
+
<!-- with calendar -->
|
|
18
|
+
<input type="text"
|
|
19
|
+
class="input-with-calendar"
|
|
20
|
+
ng-if="$ctrl.calendar && !$ctrl.between"
|
|
21
|
+
ng-model="$ctrl.ngModel"
|
|
22
|
+
ng-change="$ctrl.onChange()"
|
|
23
|
+
placeholder="{{ $ctrl.placeholder }}"
|
|
24
|
+
ng-required="$ctrl.ngRequired"
|
|
25
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
26
|
+
ng-blur="$ctrl.handleBlur({ $event })"
|
|
27
|
+
ng-focus="$ctrl.handleFocus({ $event })"
|
|
28
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
29
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
30
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
31
|
+
ui-date-mask="{{ $ctrl.format }}"
|
|
32
|
+
only-month-year="$ctrl.onlyMonthYear"
|
|
33
|
+
ng-class="{'input-date':$ctrl.titleMode}"
|
|
34
|
+
mbg-datepicker />
|
|
35
|
+
<!-- between dates -->
|
|
36
|
+
<div class="mbg-date-between"
|
|
37
|
+
ng-if="$ctrl.between">
|
|
38
|
+
<input type="text"
|
|
39
|
+
class="mbg-date-between-start"
|
|
40
|
+
ng-model="$ctrl.ngModel.start"
|
|
41
|
+
ng-change="$ctrl.onChange()"
|
|
42
|
+
placeholder="{{ $ctrl.props.placeholderStart }}"
|
|
43
|
+
ng-required="$ctrl.ngRequired"
|
|
44
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
45
|
+
ng-blur="$ctrl.handleBlur({ $event })"
|
|
46
|
+
ng-focus="$ctrl.handleFocus({ $event })"
|
|
47
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
48
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
49
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
50
|
+
ui-date-mask="{{ $ctrl.format }}"
|
|
51
|
+
on-select="$ctrl.onSelectStart()"
|
|
52
|
+
only-month-year="$ctrl.onlyMonthYear"
|
|
53
|
+
mbg-datepicker />
|
|
54
|
+
<div class="mbg-date-between-space">
|
|
55
|
+
{{ $ctrl.betweenText == undefined ? 'Até' : $ctrl.betweenText }}
|
|
56
|
+
</div>
|
|
57
|
+
<input type="text"
|
|
58
|
+
class="mbg-date-between-end"
|
|
59
|
+
ng-model="$ctrl.ngModel.end"
|
|
60
|
+
ng-change="$ctrl.onChangeEndDate()"
|
|
61
|
+
placeholder="{{ $ctrl.props.placeholderEnd }}"
|
|
62
|
+
ng-required="$ctrl.ngRequired"
|
|
63
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
64
|
+
ng-blur="$ctrl.handleBlur({ $event })"
|
|
65
|
+
ng-focus="$ctrl.handleFocus({ $event })"
|
|
66
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
67
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
68
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
69
|
+
ui-date-mask="{{ $ctrl.format }}"
|
|
70
|
+
on-select="$ctrl.onSelectEnd()"
|
|
71
|
+
only-month-year="$ctrl.onlyMonthYear"
|
|
72
|
+
mbg-datepicker />
|
|
73
|
+
</div>
|
|
76
74
|
</div>
|
|
@@ -17,7 +17,7 @@ class MbgInputDateController {
|
|
|
17
17
|
public betweenText: string
|
|
18
18
|
public filterDate: Function
|
|
19
19
|
public onlyMonthYear: boolean
|
|
20
|
-
|
|
20
|
+
|
|
21
21
|
|
|
22
22
|
constructor(public $scope, public $element, public $attrs, public $timeout) {
|
|
23
23
|
if ($attrs.ngRequired === '') {
|
|
@@ -47,10 +47,6 @@ class MbgInputDateController {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
changeDay() {
|
|
51
|
-
return new Intl.DateTimeFormat('pt-BR', { weekday: 'long' }).format(this.ngModel)
|
|
52
|
-
}
|
|
53
|
-
|
|
54
50
|
onChange() {
|
|
55
51
|
if (this.ngChange) {
|
|
56
52
|
this.ngChange({})
|
|
@@ -137,7 +133,6 @@ const mbgInputDate = {
|
|
|
137
133
|
filterDate: '&?',
|
|
138
134
|
onlyMonthYear: '=?',
|
|
139
135
|
titleMode: '=?',
|
|
140
|
-
nameOfTheDay: '=?',
|
|
141
136
|
},
|
|
142
137
|
template,
|
|
143
138
|
controller: MbgInputDateController,
|
|
@@ -4,6 +4,14 @@
|
|
|
4
4
|
overflow: hidden;
|
|
5
5
|
padding: 0px 16px;
|
|
6
6
|
|
|
7
|
+
.lock-permition {
|
|
8
|
+
.tooltip-inner {
|
|
9
|
+
background: #0EBCBD !important;
|
|
10
|
+
color: #000000 !important;
|
|
11
|
+
width: 300px;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
7
15
|
.loading-indicator {
|
|
8
16
|
display: flex;
|
|
9
17
|
align-items: center;
|
|
@@ -164,13 +172,7 @@
|
|
|
164
172
|
|
|
165
173
|
}
|
|
166
174
|
|
|
167
|
-
|
|
168
|
-
.tooltip-inner {
|
|
169
|
-
background: #0EBCBD !important;
|
|
170
|
-
color: #000000 !important;
|
|
171
|
-
width: 300px;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
175
|
+
|
|
174
176
|
|
|
175
177
|
.goal-day {
|
|
176
178
|
display: flex;
|
|
@@ -6,6 +6,14 @@ mbg-top-sellings-products {
|
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
// padding: 0px 16px;
|
|
8
8
|
}
|
|
9
|
+
|
|
10
|
+
.top-sellings-products-wrapper {
|
|
11
|
+
.tooltip-inner {
|
|
12
|
+
background: #0EBCBD !important;
|
|
13
|
+
font-weight: bold;
|
|
14
|
+
color: #FFFFFF;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
9
17
|
|
|
10
18
|
.loading-chart{
|
|
11
19
|
padding: 0;
|
|
@@ -167,11 +175,7 @@ mbg-top-sellings-products {
|
|
|
167
175
|
color: #5f5b5b;
|
|
168
176
|
}
|
|
169
177
|
|
|
170
|
-
|
|
171
|
-
background: #0EBCBD !important;
|
|
172
|
-
font-weight: bold;
|
|
173
|
-
color: #FFFFFF;
|
|
174
|
-
}
|
|
178
|
+
|
|
175
179
|
|
|
176
180
|
.line-block-top{
|
|
177
181
|
height: 1px;
|