@bnsights/bbsf-controls 1.0.123 → 1.0.124
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/README.md +8 -0
- package/bnsights-bbsf-controls-1.0.124.tgz +0 -0
- package/esm2022/lib/Shared/Enums/FileType.mjs +2 -2
- package/esm2022/lib/Shared/Models/FileDTO.mjs +2 -1
- package/esm2022/lib/controls/AutocompleteTextBox/AutocompleteTextBox.component.mjs +11 -3
- package/esm2022/lib/controls/DateTimePicker/DateTimePicker.component.mjs +3 -3
- package/esm2022/lib/controls/FileUplaod/FileUplaod.component.mjs +24 -17
- package/esm2022/lib/controls/ImageUpload/ImageUpload.component.mjs +3 -1
- package/esm2022/lib/controls/MultiLingualTextArea/MultiLingualTextArea.component.mjs +11 -7
- package/esm2022/lib/controls/ProfileImageUploader/ProfileImageUploader.component.mjs +7 -1
- package/esm2022/lib/controls/TagsInput/TagsInput.component.mjs +11 -2
- package/esm2022/lib/controls/TextArea/TextArea.component.mjs +6 -4
- package/esm2022/lib/controls/TextBox/TextBox.component.mjs +6 -4
- package/esm2022/lib/controls/page-header-component/page-header-component.component.mjs +1 -1
- package/fesm2022/bnsights-bbsf-controls.mjs +89 -47
- package/fesm2022/bnsights-bbsf-controls.mjs.map +1 -1
- package/lib/Shared/Enums/FileType.d.ts +1 -1
- package/lib/Shared/Models/FileDTO.d.ts +1 -0
- package/lib/controls/AutocompleteTextBox/AutocompleteTextBox.component.d.ts +3 -1
- package/lib/controls/TagsInput/TagsInput.component.d.ts +3 -1
- package/package.json +1 -1
- package/src/lib/assets/Style-rtl.scss +62 -0
- package/src/lib/assets/sass/autocomplete-textbox.scss +56 -9
- package/src/lib/assets/sass/checkbox.scss +2 -2
- package/src/lib/assets/sass/datetime-picker.scss +61 -12
- package/src/lib/assets/sass/dropdown.scss +25 -5
- package/src/lib/assets/sass/file-upload.scss +13 -3
- package/src/lib/assets/sass/html-editor.scss +10 -5
- package/src/lib/assets/sass/image-upload.scss +107 -6
- package/src/lib/assets/sass/phone.scss +12 -3
- package/src/lib/assets/sass/radio-button.scss +3 -4
- package/bnsights-bbsf-controls-1.0.123.tgz +0 -0
|
@@ -2,12 +2,15 @@
|
|
|
2
2
|
.form-group.bbsf-control.bbsf-file-upload,
|
|
3
3
|
.form-group.bbsf-control.bbsf-profile-image-upload {
|
|
4
4
|
.bbsf-input-container {
|
|
5
|
-
|
|
5
|
+
padding: 1.923rem;
|
|
6
6
|
display: flex;
|
|
7
7
|
justify-content: center;
|
|
8
|
-
border: 2px dashed #
|
|
8
|
+
border: 2px dashed #D9D9D9;
|
|
9
9
|
border-radius: $bbsf-rounded;
|
|
10
|
-
align-items:
|
|
10
|
+
align-items: baseline;
|
|
11
|
+
background-color: #F7F9FB;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
gap: 2px;
|
|
11
14
|
|
|
12
15
|
&.ngx-dz-disabled {
|
|
13
16
|
cursor: not-allowed;
|
|
@@ -41,13 +44,31 @@
|
|
|
41
44
|
display: flex;
|
|
42
45
|
flex-direction: column;
|
|
43
46
|
align-items: center;
|
|
47
|
+
|
|
48
|
+
svg {
|
|
49
|
+
margin-bottom: 0.7rem;
|
|
50
|
+
}
|
|
44
51
|
}
|
|
45
52
|
|
|
46
53
|
.bbsf-validation-msg {
|
|
47
|
-
margin-top: 0
|
|
48
|
-
font-size:
|
|
49
|
-
font-weight:
|
|
54
|
+
margin-top: 0;
|
|
55
|
+
font-size: 11px;
|
|
56
|
+
font-weight: 700;
|
|
57
|
+
line-height: 16px;
|
|
50
58
|
color: #717386;
|
|
59
|
+
margin-bottom: 0.5rem;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.bbsf-validation-msg.validation-msg-header {
|
|
63
|
+
color: #4B5489;
|
|
64
|
+
font-size: 14px;
|
|
65
|
+
text-transform: capitalize;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.bbsf-validation-msg.validation-msg-header {
|
|
69
|
+
color: #4B5489;
|
|
70
|
+
font-size: 14px;
|
|
71
|
+
text-transform: capitalize;
|
|
51
72
|
}
|
|
52
73
|
|
|
53
74
|
.profile-upload-img {
|
|
@@ -127,4 +148,84 @@
|
|
|
127
148
|
}
|
|
128
149
|
}
|
|
129
150
|
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.upload-items {
|
|
154
|
+
padding: 0.77rem;
|
|
155
|
+
border: 1px dashed #D9D9D9;
|
|
156
|
+
|
|
157
|
+
.upload-items-toolbar {
|
|
158
|
+
display: flex;
|
|
159
|
+
justify-content: space-between;
|
|
160
|
+
margin-bottom: 0.7rem;
|
|
161
|
+
|
|
162
|
+
h4 {
|
|
163
|
+
color: #2A282F;
|
|
164
|
+
font-size: 12px;
|
|
165
|
+
font-weight: 400;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.progress {
|
|
171
|
+
display: flex;
|
|
172
|
+
height: 3px;
|
|
173
|
+
overflow: hidden;
|
|
174
|
+
font-size: 0.75rem;
|
|
175
|
+
background-color: #E8EDFA;
|
|
176
|
+
border-radius: 10px;
|
|
177
|
+
box-shadow: none;
|
|
178
|
+
|
|
179
|
+
.progress-bar {
|
|
180
|
+
background-color: #4B5489;
|
|
181
|
+
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
//responsive styles
|
|
188
|
+
@media screen and (max-width:768px) {
|
|
189
|
+
|
|
190
|
+
//fix BBSF Crop upload image in mobile view
|
|
191
|
+
.form-group.bbsf-control.bbsf-image-upload .bbsf-cropper-modal.modal .modal-content .modal-body .cropper-btns,
|
|
192
|
+
.form-group.bbsf-control.bbsf-file-upload .bbsf-cropper-modal.modal .modal-content .modal-body .cropper-btns,
|
|
193
|
+
.form-group.bbsf-control.bbsf-profile-image-upload .bbsf-cropper-modal.modal .modal-content .modal-body .cropper-btns {
|
|
194
|
+
flex-direction: column;
|
|
195
|
+
gap: 10px;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.upload-items {
|
|
200
|
+
padding: 0.77rem;
|
|
201
|
+
border: 1px dashed #D9D9D9;
|
|
202
|
+
|
|
203
|
+
.upload-items-toolbar {
|
|
204
|
+
display: flex;
|
|
205
|
+
justify-content: space-between;
|
|
206
|
+
margin-bottom: 0.7rem;
|
|
207
|
+
|
|
208
|
+
h4 {
|
|
209
|
+
color: #2A282F;
|
|
210
|
+
font-size: 12px;
|
|
211
|
+
font-weight: 400;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.progress {
|
|
217
|
+
display: flex;
|
|
218
|
+
height: 3px;
|
|
219
|
+
overflow: hidden;
|
|
220
|
+
font-size: 0.75rem;
|
|
221
|
+
background-color: #E8EDFA;
|
|
222
|
+
border-radius: 10px;
|
|
223
|
+
box-shadow: none;
|
|
224
|
+
|
|
225
|
+
.progress-bar {
|
|
226
|
+
background-color: #4B5489;
|
|
227
|
+
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
|
|
130
231
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
.form-group.bbsf-control.bbsf-phone {
|
|
3
2
|
.bbsf-input-container {
|
|
4
3
|
.form-control {
|
|
@@ -7,13 +6,13 @@
|
|
|
7
6
|
.iti.iti--allow-dropdown {
|
|
8
7
|
width: 100%;
|
|
9
8
|
height: 100%;
|
|
10
|
-
padding: 0
|
|
9
|
+
padding: 0;
|
|
11
10
|
|
|
12
11
|
input {
|
|
13
12
|
border: 0px;
|
|
14
13
|
width: 100%;
|
|
15
14
|
background: transparent;
|
|
16
|
-
padding-
|
|
15
|
+
padding-inline-start: 49px;
|
|
17
16
|
}
|
|
18
17
|
|
|
19
18
|
input:focus-visible {
|
|
@@ -23,3 +22,13 @@
|
|
|
23
22
|
}
|
|
24
23
|
}
|
|
25
24
|
}
|
|
25
|
+
|
|
26
|
+
//responsive styles
|
|
27
|
+
@media screen and (max-width:768px) {
|
|
28
|
+
|
|
29
|
+
.repeater-delete-btn {
|
|
30
|
+
.btn.btn-danger {
|
|
31
|
+
margin-bottom: 0.8rem;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
.form-group.bbsf-control.bbsf-radio-button {
|
|
3
2
|
.bbsf-input-container {
|
|
4
3
|
.radio-container {
|
|
@@ -40,10 +39,10 @@
|
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.radio-input-label {
|
|
43
|
-
font-size:
|
|
44
|
-
font-weight:
|
|
42
|
+
font-size: 12px;
|
|
43
|
+
font-weight: 400;
|
|
45
44
|
color: $label-color;
|
|
46
45
|
}
|
|
47
46
|
}
|
|
48
47
|
}
|
|
49
|
-
}
|
|
48
|
+
}
|
|
Binary file
|