@wizishop/angular-components 14.4.29 → 14.4.31
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 +41 -25
- package/esm2020/lib/components/tag/tag.component.mjs +3 -3
- package/fesm2015/wizishop-angular-components.mjs +2 -2
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +2 -2
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-14.4.31.tgz +0 -0
- package/wizishop-angular-components-14.4.29.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -3515,6 +3515,7 @@ wac-calendar {
|
|
|
3515
3515
|
align-items: center;
|
|
3516
3516
|
font-weight: 400;
|
|
3517
3517
|
padding: 0 20px;
|
|
3518
|
+
white-space: nowrap;
|
|
3518
3519
|
|
|
3519
3520
|
&:empty {
|
|
3520
3521
|
display: none;
|
|
@@ -6227,12 +6228,12 @@ wac-optional-disable-container {
|
|
|
6227
6228
|
}
|
|
6228
6229
|
}
|
|
6229
6230
|
.wac-tag {
|
|
6231
|
+
position: relative;
|
|
6230
6232
|
display: flex;
|
|
6231
6233
|
align-items: center;
|
|
6232
6234
|
justify-content: space-between;
|
|
6233
6235
|
align-content: center;
|
|
6234
6236
|
color: $wac-white;
|
|
6235
|
-
height: 36px;
|
|
6236
6237
|
font-size: rem(14);
|
|
6237
6238
|
line-height: rem(16);
|
|
6238
6239
|
border-radius: rem(3);
|
|
@@ -6256,6 +6257,7 @@ wac-optional-disable-container {
|
|
|
6256
6257
|
|
|
6257
6258
|
&.draggable {
|
|
6258
6259
|
cursor: grab;
|
|
6260
|
+
padding-left: 25px;
|
|
6259
6261
|
}
|
|
6260
6262
|
|
|
6261
6263
|
i {
|
|
@@ -6266,29 +6268,43 @@ wac-optional-disable-container {
|
|
|
6266
6268
|
}
|
|
6267
6269
|
|
|
6268
6270
|
&__draggable {
|
|
6269
|
-
position:
|
|
6270
|
-
|
|
6271
|
-
|
|
6272
|
-
|
|
6273
|
-
margin-right: 18px;
|
|
6274
|
-
background-color: $wac-border-form;
|
|
6271
|
+
position: absolute;
|
|
6272
|
+
top: 5px;
|
|
6273
|
+
left: 10px;
|
|
6274
|
+
height: calc(100% - 10px);
|
|
6275
6275
|
|
|
6276
|
-
|
|
6277
|
-
display: block;
|
|
6276
|
+
& > span {
|
|
6278
6277
|
position: absolute;
|
|
6279
|
-
height: 100%;
|
|
6280
6278
|
width: 2px;
|
|
6281
|
-
|
|
6279
|
+
height: 100%;
|
|
6280
|
+
margin-left: -5px;
|
|
6281
|
+
margin-right: 18px;
|
|
6282
6282
|
background-color: $wac-border-form;
|
|
6283
|
-
content: '';
|
|
6284
|
-
}
|
|
6285
|
-
|
|
6286
|
-
&:before {
|
|
6287
|
-
left: 4px;
|
|
6288
|
-
}
|
|
6289
6283
|
|
|
6290
|
-
|
|
6291
|
-
|
|
6284
|
+
span {
|
|
6285
|
+
display: inline-block;
|
|
6286
|
+
height: 100%;
|
|
6287
|
+
width: 2px;
|
|
6288
|
+
background-color: $wac-border-form;
|
|
6289
|
+
}
|
|
6290
|
+
|
|
6291
|
+
&:before, &:after {
|
|
6292
|
+
display: block;
|
|
6293
|
+
position: absolute;
|
|
6294
|
+
height: 100%;
|
|
6295
|
+
width: 2px;
|
|
6296
|
+
top: 0;
|
|
6297
|
+
background-color: $wac-border-form;
|
|
6298
|
+
content: '';
|
|
6299
|
+
}
|
|
6300
|
+
|
|
6301
|
+
&:before {
|
|
6302
|
+
left: 4px;
|
|
6303
|
+
}
|
|
6304
|
+
|
|
6305
|
+
&:after {
|
|
6306
|
+
left: 8px;
|
|
6307
|
+
}
|
|
6292
6308
|
}
|
|
6293
6309
|
}
|
|
6294
6310
|
|
|
@@ -6317,7 +6333,7 @@ wac-optional-disable-container {
|
|
|
6317
6333
|
background-color: darken($wac-tag-success, 15%);
|
|
6318
6334
|
}
|
|
6319
6335
|
|
|
6320
|
-
.wac-tag__draggable
|
|
6336
|
+
.wac-tag__draggable div {
|
|
6321
6337
|
background-color: white;
|
|
6322
6338
|
|
|
6323
6339
|
&:before, &:after {
|
|
@@ -6333,7 +6349,7 @@ wac-optional-disable-container {
|
|
|
6333
6349
|
background-color: darken($wac-tag-waring, 15%);
|
|
6334
6350
|
}
|
|
6335
6351
|
|
|
6336
|
-
.wac-tag__draggable
|
|
6352
|
+
.wac-tag__draggable span {
|
|
6337
6353
|
background-color: white;
|
|
6338
6354
|
|
|
6339
6355
|
&:before, &:after {
|
|
@@ -6349,7 +6365,7 @@ wac-optional-disable-container {
|
|
|
6349
6365
|
background-color: darken($wac-primary-button, 15%);
|
|
6350
6366
|
}
|
|
6351
6367
|
|
|
6352
|
-
.wac-tag__draggable
|
|
6368
|
+
.wac-tag__draggable span {
|
|
6353
6369
|
background-color: white;
|
|
6354
6370
|
|
|
6355
6371
|
&:before, &:after {
|
|
@@ -6365,7 +6381,7 @@ wac-optional-disable-container {
|
|
|
6365
6381
|
background-color: lighten($wac-main-text, 15%);
|
|
6366
6382
|
}
|
|
6367
6383
|
|
|
6368
|
-
.wac-tag__draggable
|
|
6384
|
+
.wac-tag__draggable span {
|
|
6369
6385
|
background-color: white;
|
|
6370
6386
|
|
|
6371
6387
|
&:before, &:after {
|
|
@@ -6381,7 +6397,7 @@ wac-optional-disable-container {
|
|
|
6381
6397
|
background-color: darken($wac-tag-gray, 15%);
|
|
6382
6398
|
}
|
|
6383
6399
|
|
|
6384
|
-
.wac-tag__draggable
|
|
6400
|
+
.wac-tag__draggable span {
|
|
6385
6401
|
background-color: white;
|
|
6386
6402
|
|
|
6387
6403
|
&:before, &:after {
|
|
@@ -6401,7 +6417,7 @@ wac-optional-disable-container {
|
|
|
6401
6417
|
background-color: darken($wac-border-light, 15%);
|
|
6402
6418
|
}
|
|
6403
6419
|
|
|
6404
|
-
.wac-tag__draggable
|
|
6420
|
+
.wac-tag__draggable span {
|
|
6405
6421
|
background-color: $wac-second-color;
|
|
6406
6422
|
|
|
6407
6423
|
&:before, &:after {
|
|
@@ -16,10 +16,10 @@ export class TagComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TagComponent, selector: "wac-tag", inputs: { label: "label", class: "class", hasClose: "hasClose", draggable: "draggable", big: "big", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n
|
|
19
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TagComponent, selector: "wac-tag", inputs: { label: "label", class: "class", hasClose: "hasClose", draggable: "draggable", big: "big", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n <div *ngIf=\"draggable\" class=\"wac-tag__draggable\">\n <span>\n <span></span>\n </span>\n </div>\n {{ label }}\n <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TagComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'wac-tag', template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n
|
|
22
|
+
args: [{ selector: 'wac-tag', template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n <div *ngIf=\"draggable\" class=\"wac-tag__draggable\">\n <span>\n <span></span>\n </span>\n </div>\n {{ label }}\n <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n" }]
|
|
23
23
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], class: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
35
35
|
}], isOpenChange: [{
|
|
36
36
|
type: Output
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFnL3RhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhZy90YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTXZFLE1BQU0sT0FBTyxZQUFZO0lBZ0J2QjtRQWRBLFVBQUssR0FBRyxFQUFFLENBQUM7UUFJWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsUUFBRyxHQUFHLEtBQUssQ0FBQztRQUVILFdBQU0sR0FBVyxJQUFJLENBQUM7UUFDckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBRXRDLENBQUM7SUFFaEIsU0FBUztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN0QyxDQUFDOzt5R0FyQlUsWUFBWTs2RkFBWixZQUFZLGtOQ056Qiw2WUFTQTsyRkRIYSxZQUFZO2tCQUp4QixTQUFTOytCQUNFLFNBQVM7MEVBS25CLEtBQUs7c0JBREosS0FBSztnQkFHTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sUUFBUTtzQkFEUCxLQUFLO2dCQUdOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixHQUFHO3NCQURGLEtBQUs7Z0JBR0csTUFBTTtzQkFBZCxLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtdGFnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgVGFnQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgbGFiZWwgPSAnJztcbiAgQElucHV0KClcbiAgY2xhc3M6ICdkZWZhdWx0J3wnc3VjY2Vzcyd8J3dhcm5pbmcnfCdlcnJvcid8J2RhcmsnfCdncmF5J3wnbGlnaHRncmF5J3wnd2hpdGUnO1xuICBASW5wdXQoKVxuICBoYXNDbG9zZSA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBkcmFnZ2FibGUgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBiaWcgPSBmYWxzZTtcblxuICBASW5wdXQoKSBpc09wZW46Ym9vbGVhbiA9IHRydWU7XG4gIEBPdXRwdXQoKSBpc09wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHRvZ2dsZVRhZygpIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICB0aGlzLmlzT3BlbkNoYW5nZS5uZXh0KHRoaXMuaXNPcGVuKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy10YWdcIiBbY2xhc3NMaXN0XT1cIid3YWMtdGFnLS0nICsgY2xhc3NcIiBbbmdDbGFzc109XCJ7IGhvdmVyOiBoYXNDbG9zZSwgJ2JpZyc6IGJpZyAsIGRyYWdnYWJsZTogZHJhZ2dhYmxlfVwiPlxuICAgIDxkaXYgKm5nSWY9XCJkcmFnZ2FibGVcIiBjbGFzcz1cIndhYy10YWdfX2RyYWdnYWJsZVwiPlxuICAgICAgPHNwYW4+XG4gICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICB7eyBsYWJlbCB9fVxuICAgIDxzcGFuIGNsYXNzPVwid2FjLXRhZ19fY2xvc2VcIiAqbmdJZj1cImhhc0Nsb3NlXCIgKGNsaWNrKT1cInRvZ2dsZVRhZygpXCI+PGkgY2xhc3M9XCJmYXMgZmEtdGltZXNcIj48L2k+PC9zcGFuPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1485,10 +1485,10 @@ class TagComponent {
|
|
|
1485
1485
|
}
|
|
1486
1486
|
}
|
|
1487
1487
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1488
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TagComponent, selector: "wac-tag", inputs: { label: "label", class: "class", hasClose: "hasClose", draggable: "draggable", big: "big", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n
|
|
1488
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TagComponent, selector: "wac-tag", inputs: { label: "label", class: "class", hasClose: "hasClose", draggable: "draggable", big: "big", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n <div *ngIf=\"draggable\" class=\"wac-tag__draggable\">\n <span>\n <span></span>\n </span>\n </div>\n {{ label }}\n <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1489
1489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TagComponent, decorators: [{
|
|
1490
1490
|
type: Component,
|
|
1491
|
-
args: [{ selector: 'wac-tag', template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n
|
|
1491
|
+
args: [{ selector: 'wac-tag', template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big , draggable: draggable}\">\n <div *ngIf=\"draggable\" class=\"wac-tag__draggable\">\n <span>\n <span></span>\n </span>\n </div>\n {{ label }}\n <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n" }]
|
|
1492
1492
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
1493
1493
|
type: Input
|
|
1494
1494
|
}], class: [{
|