@wizishop/angular-components 0.0.129 → 0.0.130
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/angular-components.scss +12 -28
- package/bundles/wizishop-angular-components.umd.js +1 -1
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/selected-list/selected-list.component.js +2 -2
- package/fesm2015/wizishop-angular-components.js +1 -1
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.130.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.129.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -273,6 +273,7 @@ $wac-color-success-popup-alert: #6DCC95!default;
|
|
|
273
273
|
width: 100%;
|
|
274
274
|
min-height: rem(60);
|
|
275
275
|
display: flex;
|
|
276
|
+
justify-content: space-between;
|
|
276
277
|
padding: 10px 20px;
|
|
277
278
|
background-color: $wac-gray-background;
|
|
278
279
|
margin: 0 0 10px;
|
|
@@ -284,41 +285,24 @@ $wac-color-success-popup-alert: #6DCC95!default;
|
|
|
284
285
|
line-height: rem(19);
|
|
285
286
|
font-weight: 500;
|
|
286
287
|
}
|
|
287
|
-
> span {
|
|
288
|
-
height: rem(40);
|
|
289
|
-
white-space: nowrap;
|
|
290
|
-
border: 1px solid $wac-wizishop-blue;
|
|
291
|
-
color: $wac-wizishop-blue;
|
|
292
|
-
border-radius: 2px;
|
|
293
|
-
padding: 0 20px;
|
|
294
|
-
display: flex;
|
|
295
|
-
justify-content: center;
|
|
296
|
-
align-items: center;
|
|
297
|
-
font-size: rem(16);
|
|
298
|
-
line-height: 1;
|
|
299
|
-
font-weight: 500;
|
|
300
|
-
align-self: flex-end;
|
|
301
|
-
margin-left: auto;
|
|
302
|
-
transition: .3s ease;
|
|
303
|
-
cursor: pointer;
|
|
304
|
-
&:hover, &:focus {
|
|
305
|
-
background-color: $wac-wizishop-blue;
|
|
306
|
-
color: $white;
|
|
307
|
-
}
|
|
308
|
-
|
|
309
|
-
@include media('<1024px') {
|
|
310
|
-
display: none;
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
288
|
|
|
314
289
|
&__button {
|
|
315
290
|
height: rem(40);
|
|
316
291
|
width: fit-content;
|
|
317
292
|
margin-left: auto;
|
|
318
293
|
|
|
319
|
-
|
|
320
|
-
|
|
294
|
+
&__mobile {
|
|
295
|
+
@include media('>=1024px') {
|
|
296
|
+
display: none;
|
|
297
|
+
}
|
|
321
298
|
}
|
|
299
|
+
|
|
300
|
+
&__notMobile {
|
|
301
|
+
@include media('<1024px') {
|
|
302
|
+
display: none;
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
|
|
322
306
|
}
|
|
323
307
|
|
|
324
308
|
}
|
|
@@ -3975,7 +3975,7 @@
|
|
|
3975
3975
|
SelectedListComponent.decorators = [
|
|
3976
3976
|
{ type: i0.Component, args: [{
|
|
3977
3977
|
selector: 'wac-selected-list',
|
|
3978
|
-
template: "<div class=\"selected-list\">\n <div class=\"selected-list__wrapper\">\n <div class=\"selected-list__wrapper__head\">\n <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n <
|
|
3978
|
+
template: "<div class=\"selected-list\">\n <div class=\"selected-list__wrapper\">\n <div class=\"selected-list__wrapper__head\">\n <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n <div class=\"selected-list__wrapper__head__button\">\n\n <div class=\"selected-list__wrapper__head__button__notMobile\">\n <wac-button\n [label]=\"textSelectAll\"\n (click)=\"onSelectAll()\"\n >\n </wac-button>\n </div>\n\n <div class=\"selected-list__wrapper__head__button__mobile\">\n <wac-button\n [extraClasses]=\"'is-grey'\"\n [icon]=\"'fad fa-check-double'\"\n (click)=\"onSelectAll()\"\n >\n </wac-button>\n </div>\n\n </div>\n\n </ng-container>\n\n <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n\n <div class=\"selected-list__wrapper__head__button\">\n\n <div class=\"selected-list__wrapper__head__button__notMobile\">\n <wac-button\n [extraClasses]=\"'is-info'\"\n [label]=\"textUnSelectAll\"\n (click)=\"onUnSelectAll()\"\n >\n </wac-button>\n </div>\n\n <div class=\"selected-list__wrapper__head__button__mobile\">\n <wac-button\n [extraClasses]=\"'is-grey'\"\n [icon]=\"'fad fa-check-double'\"\n (click)=\"onUnSelectAll()\"\n >\n </wac-button>\n </div>\n\n </div>\n\n </ng-container>\n\n </ng-container>\n\n </div>\n <div class=\"selected-list__wrapper__content\">\n <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n <span [innerHTML]=\"item.label\"></span>\n <i class=\"fas fa-check\"></i>\n </div>\n </div>\n </div>\n</div>\n"
|
|
3979
3979
|
},] }
|
|
3980
3980
|
];
|
|
3981
3981
|
SelectedListComponent.propDecorators = {
|