@kigi/components 1.19.3-beta.3 → 1.19.3-beta.4

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 (9) hide show
  1. package/package.json +1 -1
  2. package/src/components/mbg-address/mbg-address.ts +7 -13
  3. package/src/components/mbg-input-phone/mbg-input-phone.html +2 -1
  4. package/src/components/mbg-input-phone/mbg-input-phone.scss +5 -3
  5. package/src/components/mbg-input-phone/mbg-input-phone.ts +2 -1
  6. package/src/components/mbg-product-grid/mbg-product-grid.html +1 -2
  7. package/src/components/mbg-product-grid/mbg-product-grid.scss +17 -24
  8. package/src/components/mbg-product-inline/mbg-product-inline.html +1 -1
  9. package/src/components/mbg-product-inline/mbg-product-inline.scss +136 -140
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kigi/components",
3
- "version": "1.19.3-beta.3",
3
+ "version": "1.19.3-beta.4",
4
4
  "description": "@kigi/components",
5
5
  "main": "src/components/index.ts",
6
6
  "scripts": {
package/src/components/mbg-address/mbg-address.ts CHANGED
@@ -50,7 +50,7 @@ class MbgAddressController {
50
50
  public $timeout,
51
51
  public mbgAddressService: MbgAddressService,
52
52
  public $uibModal,
53
- ) {}
53
+ ) { }
54
54
 
55
55
  $onInit() {
56
56
  if (this.capitalize && this.address) {
@@ -93,8 +93,8 @@ class MbgAddressController {
93
93
  state: this.address.state
94
94
  ? this.address.state
95
95
  : this.address.uf && this.address.uf.initial
96
- ? this.address.uf.initial
97
- : '',
96
+ ? this.address.uf.initial
97
+ : '',
98
98
  }
99
99
  if (this.ngModel) {
100
100
  this.ngModel.EX = (this.ngModel.country || '').toLowerCase() !== 'brasil'
@@ -236,17 +236,11 @@ class MbgAddressController {
236
236
 
237
237
  createFullName() {
238
238
  if (this.address.premisse) {
239
- this.fullAddress = `${
240
- this.address.premisse ? this.address.premisse : this.ngModel.premisse
241
- } - ${
242
- this.address.neighbourhood ? this.address.neighbourhood : this.ngModel.neighbourhood
243
- }, ${this.address.localization ? this.address.localization : this.ngModel.localization} - ${
244
- this.ngModel.state
245
- }, ${this.ngModel.country}`
239
+ this.fullAddress = `${this.address.premisse ? this.address.premisse : this.ngModel.premisse
240
+ } - ${this.address.neighbourhood ? this.address.neighbourhood : this.ngModel.neighbourhood
241
+ }, ${this.address.localization ? this.address.localization : this.ngModel.localization} - ${this.ngModel.state
242
+ }, ${this.ngModel.country}`
246
243
  }
247
- console.log('this.address.neighbourhood', this.address.neighbourhood);
248
- console.log('this.address.neighbourhood', this.ngModel.neighbourhood);
249
-
250
244
  }
251
245
 
252
246
  getPremisseType(str) {
package/src/components/mbg-input-phone/mbg-input-phone.html CHANGED
@@ -2,6 +2,7 @@
2
2
  ng-if="$ctrl.props"
3
3
  mbg-autocomplete-off>
4
4
  <input type="text"
5
+ ng-class="{'input-phone': $ctrl.inputPhone}"
5
6
  ng-model="$ctrl.ngModel"
6
7
  ng-change="$ctrl.onChange()"
7
8
  placeholder="{{ $ctrl.props.placeholder }}"
@@ -14,4 +15,4 @@
14
15
  ng-keydown="$ctrl.ngKeydown({ $event })"
15
16
  ui-br-phone-number-mask="'{{$ctrl.phoneNumberMask}}'"
16
17
  maxlength="{{$ctrl.enableCountryCode ? 19 : 15}}" />
17
- </div>
18
+ </div>
package/src/components/mbg-input-phone/mbg-input-phone.scss CHANGED
@@ -1,3 +1,5 @@
1
- // .mbg-input-phone-wrapper {
2
-
3
- // }
1
+ .mb-input-phone-wrapper {
2
+ .input-phone{
3
+ border: none;
4
+ }
5
+ }
package/src/components/mbg-input-phone/mbg-input-phone.ts CHANGED
@@ -30,7 +30,7 @@ class MbgInputPhoneController {
30
30
  }
31
31
  }
32
32
 
33
- MbgInputPhoneController.$inject = ['$scope', '$element', '$attrs']
33
+ MbgInputPhoneController['$inject'] = ['$scope', '$element', '$attrs']
34
34
 
35
35
  const mbgInputPhone = {
36
36
  bindings: {
@@ -44,6 +44,7 @@ const mbgInputPhone = {
44
44
  ngKeypress: '&?',
45
45
  ngKeydown: '&?',
46
46
  enableCountryCode: '=?',
47
+ inputPhone: '=?',
47
48
  },
48
49
  template,
49
50
  controller: MbgInputPhoneController,
package/src/components/mbg-product-grid/mbg-product-grid.html CHANGED
@@ -57,8 +57,7 @@
57
57
  <div ng-show="$ctrl.transcludeTemplate"
58
58
  mbg-dynamic-html="$ctrl.transcludeTemplate"></div>
59
59
  </div>
60
- <div ng-class="{'has-divergent-price': $ctrl.gridValues[$index][$parent.$index].hasDivergentPrice}"
61
- ng-show="!$ctrl.transcludeTemplate"
60
+ <div ng-show="!$ctrl.transcludeTemplate"
62
61
  class="grid-product-edit-wrapper">
63
62
  <svg tabindex="-1"
64
63
  height="401pt"
package/src/components/mbg-product-grid/mbg-product-grid.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  .mbg-product-grid-wrapper {
2
- input[type='number']::-webkit-outer-spin-button,
3
- input[type='number']::-webkit-inner-spin-button {
4
- -webkit-appearance: none;
5
- margin: 0;
6
- }
7
-
8
- input[type='number'] {
9
- -moz-appearance: textfield;
10
- }
2
+ input[type="number"]::-webkit-outer-spin-button,
3
+ input[type="number"]::-webkit-inner-spin-button {
4
+ -webkit-appearance: none;
5
+ margin: 0;
6
+ }
7
+
8
+ input[type="number"] {
9
+ -moz-appearance: textfield;
10
+ }
11
11
  // overflow: auto;
12
12
  max-height: 600px;
13
13
  table {
@@ -26,8 +26,7 @@
26
26
  border: 0 !important;
27
27
  }
28
28
  }
29
- tbody,
30
- thead {
29
+ tbody, thead {
31
30
  border: 1px solid #ccc;
32
31
  border-radius: 5px;
33
32
  .grid-center-content {
@@ -42,8 +41,7 @@
42
41
  color: #666;
43
42
  }
44
43
  }
45
- th,
46
- td {
44
+ th, td {
47
45
  position: relative;
48
46
  border: none;
49
47
  border-top: 1px solid #ccc;
@@ -59,9 +57,6 @@
59
57
  text-decoration: underline;
60
58
  cursor: pointer;
61
59
  }
62
- .has-divergent-price {
63
- border: 1px solid red !important;
64
- }
65
60
  label {
66
61
  height: 100%;
67
62
  margin: 0;
@@ -122,7 +117,7 @@
122
117
  background: transparent;
123
118
  }
124
119
  input[type='number'] {
125
- -moz-appearance: textfield;
120
+ -moz-appearance:textfield;
126
121
  }
127
122
  input::-webkit-outer-spin-button,
128
123
  input::-webkit-inner-spin-button {
@@ -136,20 +131,18 @@
136
131
  &.ng-touched.ng-invalid {
137
132
  border: 1px solid #b00020;
138
133
  }
139
- &[disabled='disabled'] {
134
+ &[disabled="disabled"] {
140
135
  background: #f5f5f5;
141
136
  }
142
137
  &::-webkit-input-placeholder {
143
138
  color: #bcbcbc;
144
139
  font-style: italic;
145
140
  }
146
- &:-moz-placeholder {
147
- /* Firefox 18- */
141
+ &:-moz-placeholder { /* Firefox 18- */
148
142
  color: #bcbcbc;
149
143
  font-style: italic;
150
144
  }
151
- &::-moz-placeholder {
152
- /* Firefox 19+ */
145
+ &::-moz-placeholder { /* Firefox 19+ */
153
146
  color: #bcbcbc;
154
147
  font-style: italic;
155
148
  }
@@ -187,7 +180,7 @@
187
180
  }
188
181
 
189
182
  .border-list {
190
- width: 100%;
191
- height: 100%;
183
+ width: 100%;
184
+ height:100%;
192
185
  border: 1px solid #ccc;
193
186
  }
package/src/components/mbg-product-inline/mbg-product-inline.html CHANGED
@@ -37,7 +37,7 @@
37
37
  ng-if="item[$ctrl.activeAttr] === undefined ? true : item[$ctrl.activeAttr]"
38
38
  ng-repeat="item in $ctrl.ngModel track by $index">
39
39
  <div class="inline-row"
40
- ng-class="{'default-template': !$ctrl.transcludeTemplate && $parent.$index === 0 && $index === 0 , 'has-divergent-price': item.hasDivergentPrice}">
40
+ ng-class="{'default-template': !$ctrl.transcludeTemplate && $parent.$index === 0 && $index === 0}">
41
41
  <div class="x-value-col">
42
42
  <span tabindex="-1">{{ item.xDetail.value}}</span>
43
43
  </div>
package/src/components/mbg-product-inline/mbg-product-inline.scss CHANGED
@@ -1,181 +1,177 @@
1
1
  .mbg-product-inline-wrapper {
2
- input[type='number']::-webkit-outer-spin-button,
3
- input[type='number']::-webkit-inner-spin-button {
4
- -webkit-appearance: none;
5
- margin: 0;
6
- }
2
+ input[type="number"]::-webkit-outer-spin-button,
3
+ input[type="number"]::-webkit-inner-spin-button {
4
+ -webkit-appearance: none;
5
+ margin: 0;
6
+ }
7
+
8
+ input[type="number"] {
9
+ -moz-appearance: textfield;
10
+ }
11
+ .inline-content {
12
+ overflow: auto;
13
+ }
7
14
 
8
- input[type='number'] {
9
- -moz-appearance: textfield;
10
- }
11
- .inline-content {
12
- overflow: auto;
15
+ .inline-y {
16
+ &:first-child {
17
+ .inline-row {
18
+ border-top: 1px solid #ccc;
19
+ }
13
20
  }
21
+ }
22
+
23
+ .inline-row {
24
+ display: flex;
25
+ height: 44px;
26
+ border-bottom: 1px solid #ccc;
27
+ border-left: 1px solid #ccc;
28
+ border-right: 1px solid #ccc;
14
29
 
15
- .has-divergent-price {
16
- border: 1px solid red !important;
30
+ div {
31
+ flex: 1;
17
32
  }
18
33
 
19
- .inline-y {
20
- &:first-child {
21
- .inline-row {
22
- border-top: 1px solid #ccc;
23
- }
34
+ .x-value-col {
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ max-width: 154px;
39
+
40
+ span {
41
+ font-weight: 600;
42
+ color: #666;
43
+ }
44
+
45
+ label {
46
+ margin-right: 5px;
24
47
  }
25
48
  }
26
49
 
27
- .inline-row {
50
+ .y-value-col {
28
51
  display: flex;
29
- height: 44px;
30
- border-bottom: 1px solid #ccc;
31
- border-left: 1px solid #ccc;
32
- border-right: 1px solid #ccc;
52
+ align-items: center;
53
+ justify-content: flex-start;
54
+ max-width: 174px;
33
55
 
34
- div {
35
- flex: 1;
56
+ label {
57
+ margin-right: 5px;
36
58
  }
59
+ }
37
60
 
38
- .x-value-col {
39
- display: flex;
40
- align-items: center;
41
- justify-content: center;
42
- max-width: 154px;
61
+ .barcode-col {
62
+ display: flex;
63
+ align-items: center;
64
+ justify-content: center;
65
+ }
43
66
 
44
- span {
45
- font-weight: 600;
46
- color: #666;
47
- }
67
+ .stock-col {
68
+ display: flex;
69
+ align-items: center;
70
+ justify-content: center;
71
+ }
48
72
 
49
- label {
50
- margin-right: 5px;
51
- }
52
- }
73
+ .price-col {
74
+ display: flex;
75
+ align-items: center;
76
+ justify-content: center;
77
+ }
53
78
 
54
- .y-value-col {
55
- display: flex;
56
- align-items: center;
57
- justify-content: flex-start;
58
- max-width: 174px;
79
+ .grid-product-item-circle {
80
+ max-width: 18px;
81
+ width: 18px;
82
+ height: 18px;
83
+ border-radius: 50%;
84
+ margin: 0 12px 0 0;
85
+ }
59
86
 
60
- label {
61
- margin-right: 5px;
62
- }
87
+ input {
88
+ background: transparent;
89
+ height: 100%;
90
+ width: 100%;
91
+ padding-right: 14px;
92
+ &.input-error {
93
+ color: #ff002e;
63
94
  }
95
+ }
64
96
 
65
- .barcode-col {
66
- display: flex;
67
- align-items: center;
68
- justify-content: center;
69
- }
97
+ input[type="number"] {
98
+ -moz-appearance: textfield;
99
+ }
70
100
 
71
- .stock-col {
72
- display: flex;
73
- align-items: center;
74
- justify-content: center;
75
- }
101
+ input::-webkit-outer-spin-button,
102
+ input::-webkit-inner-spin-button {
103
+ -webkit-appearance: none;
104
+ }
76
105
 
77
- .price-col {
78
- display: flex;
79
- align-items: center;
80
- justify-content: center;
81
- }
106
+ input {
107
+ padding: 0 6px;
108
+ border: none;
109
+ text-align: right;
110
+ outline: none;
82
111
 
83
- .grid-product-item-circle {
84
- max-width: 18px;
85
- width: 18px;
86
- height: 18px;
87
- border-radius: 50%;
88
- margin: 0 12px 0 0;
112
+ &.ng-touched.ng-invalid {
113
+ border: 1px solid #b00020;
89
114
  }
90
115
 
91
- input {
92
- background: transparent;
93
- height: 100%;
94
- width: 100%;
95
- padding-right: 14px;
96
- &.input-error {
97
- color: #ff002e;
98
- }
116
+ &[disabled="disabled"] {
117
+ background: #f5f5f5;
99
118
  }
100
119
 
101
- input[type='number'] {
102
- -moz-appearance: textfield;
120
+ &::-webkit-input-placeholder {
121
+ color: #bcbcbc;
122
+ font-style: italic;
103
123
  }
104
124
 
105
- input::-webkit-outer-spin-button,
106
- input::-webkit-inner-spin-button {
107
- -webkit-appearance: none;
125
+ &:-moz-placeholder {
126
+ /* Firefox 18- */
127
+ color: #bcbcbc;
128
+ font-style: italic;
108
129
  }
109
130
 
110
- input {
111
- padding: 0 6px;
112
- border: none;
113
- text-align: right;
114
- outline: none;
115
-
116
- &.ng-touched.ng-invalid {
117
- border: 1px solid #b00020;
118
- }
119
-
120
- &[disabled='disabled'] {
121
- background: #f5f5f5;
122
- }
123
-
124
- &::-webkit-input-placeholder {
125
- color: #bcbcbc;
126
- font-style: italic;
127
- }
128
-
129
- &:-moz-placeholder {
130
- /* Firefox 18- */
131
- color: #bcbcbc;
132
- font-style: italic;
133
- }
134
-
135
- &::-moz-placeholder {
136
- /* Firefox 19+ */
137
- color: #bcbcbc;
138
- font-style: italic;
139
- }
140
-
141
- &:-ms-input-placeholder {
142
- color: #bcbcbc;
143
- font-style: italic;
144
- }
131
+ &::-moz-placeholder {
132
+ /* Firefox 19+ */
133
+ color: #bcbcbc;
134
+ font-style: italic;
145
135
  }
146
136
 
147
- .inline-product-money {
148
- color: #666;
149
- font-size: 16px;
150
- font-weight: 600;
137
+ &:-ms-input-placeholder {
138
+ color: #bcbcbc;
139
+ font-style: italic;
151
140
  }
152
141
  }
153
142
 
154
- .default-header-inline {
155
- * {
156
- border: 0;
157
- }
143
+ .inline-product-money {
144
+ color: #666;
145
+ font-size: 16px;
146
+ font-weight: 600;
147
+ }
148
+ }
158
149
 
159
- .barcode-col {
160
- padding-right: 6px;
161
- justify-content: flex-end;
162
- }
150
+ .default-header-inline {
151
+ * {
152
+ border: 0;
153
+ }
163
154
 
164
- .stock-col {
165
- padding-right: 6px;
166
- justify-content: flex-end;
167
- }
155
+ .barcode-col {
156
+ padding-right: 6px;
157
+ justify-content: flex-end;
158
+ }
168
159
 
169
- .price-col {
170
- padding-right: 6px;
171
- justify-content: flex-end;
172
- }
160
+ .stock-col {
161
+ padding-right: 6px;
162
+ justify-content: flex-end;
163
+ }
173
164
 
174
- label {
175
- display: flex;
176
- text-align: center;
177
- color: #666;
178
- font-weight: 600;
179
- }
165
+ .price-col {
166
+ padding-right: 6px;
167
+ justify-content: flex-end;
180
168
  }
169
+
170
+ label {
171
+ display: flex;
172
+ text-align: center;
173
+ color: #666;
174
+ font-weight: 600;
175
+ }
176
+ }
181
177
  }