@wizishop/angular-components 14.4.30 → 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 +40 -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.30.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -6228,12 +6228,12 @@ wac-optional-disable-container {
|
|
|
6228
6228
|
}
|
|
6229
6229
|
}
|
|
6230
6230
|
.wac-tag {
|
|
6231
|
+
position: relative;
|
|
6231
6232
|
display: flex;
|
|
6232
6233
|
align-items: center;
|
|
6233
6234
|
justify-content: space-between;
|
|
6234
6235
|
align-content: center;
|
|
6235
6236
|
color: $wac-white;
|
|
6236
|
-
height: 36px;
|
|
6237
6237
|
font-size: rem(14);
|
|
6238
6238
|
line-height: rem(16);
|
|
6239
6239
|
border-radius: rem(3);
|
|
@@ -6257,6 +6257,7 @@ wac-optional-disable-container {
|
|
|
6257
6257
|
|
|
6258
6258
|
&.draggable {
|
|
6259
6259
|
cursor: grab;
|
|
6260
|
+
padding-left: 25px;
|
|
6260
6261
|
}
|
|
6261
6262
|
|
|
6262
6263
|
i {
|
|
@@ -6267,29 +6268,43 @@ wac-optional-disable-container {
|
|
|
6267
6268
|
}
|
|
6268
6269
|
|
|
6269
6270
|
&__draggable {
|
|
6270
|
-
position:
|
|
6271
|
-
|
|
6272
|
-
|
|
6273
|
-
|
|
6274
|
-
margin-right: 18px;
|
|
6275
|
-
background-color: $wac-border-form;
|
|
6271
|
+
position: absolute;
|
|
6272
|
+
top: 5px;
|
|
6273
|
+
left: 10px;
|
|
6274
|
+
height: calc(100% - 10px);
|
|
6276
6275
|
|
|
6277
|
-
|
|
6278
|
-
display: block;
|
|
6276
|
+
& > span {
|
|
6279
6277
|
position: absolute;
|
|
6280
|
-
height: 100%;
|
|
6281
6278
|
width: 2px;
|
|
6282
|
-
|
|
6279
|
+
height: 100%;
|
|
6280
|
+
margin-left: -5px;
|
|
6281
|
+
margin-right: 18px;
|
|
6283
6282
|
background-color: $wac-border-form;
|
|
6284
|
-
content: '';
|
|
6285
|
-
}
|
|
6286
|
-
|
|
6287
|
-
&:before {
|
|
6288
|
-
left: 4px;
|
|
6289
|
-
}
|
|
6290
6283
|
|
|
6291
|
-
|
|
6292
|
-
|
|
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
|
+
}
|
|
6293
6308
|
}
|
|
6294
6309
|
}
|
|
6295
6310
|
|
|
@@ -6318,7 +6333,7 @@ wac-optional-disable-container {
|
|
|
6318
6333
|
background-color: darken($wac-tag-success, 15%);
|
|
6319
6334
|
}
|
|
6320
6335
|
|
|
6321
|
-
.wac-tag__draggable
|
|
6336
|
+
.wac-tag__draggable div {
|
|
6322
6337
|
background-color: white;
|
|
6323
6338
|
|
|
6324
6339
|
&:before, &:after {
|
|
@@ -6334,7 +6349,7 @@ wac-optional-disable-container {
|
|
|
6334
6349
|
background-color: darken($wac-tag-waring, 15%);
|
|
6335
6350
|
}
|
|
6336
6351
|
|
|
6337
|
-
.wac-tag__draggable
|
|
6352
|
+
.wac-tag__draggable span {
|
|
6338
6353
|
background-color: white;
|
|
6339
6354
|
|
|
6340
6355
|
&:before, &:after {
|
|
@@ -6350,7 +6365,7 @@ wac-optional-disable-container {
|
|
|
6350
6365
|
background-color: darken($wac-primary-button, 15%);
|
|
6351
6366
|
}
|
|
6352
6367
|
|
|
6353
|
-
.wac-tag__draggable
|
|
6368
|
+
.wac-tag__draggable span {
|
|
6354
6369
|
background-color: white;
|
|
6355
6370
|
|
|
6356
6371
|
&:before, &:after {
|
|
@@ -6366,7 +6381,7 @@ wac-optional-disable-container {
|
|
|
6366
6381
|
background-color: lighten($wac-main-text, 15%);
|
|
6367
6382
|
}
|
|
6368
6383
|
|
|
6369
|
-
.wac-tag__draggable
|
|
6384
|
+
.wac-tag__draggable span {
|
|
6370
6385
|
background-color: white;
|
|
6371
6386
|
|
|
6372
6387
|
&:before, &:after {
|
|
@@ -6382,7 +6397,7 @@ wac-optional-disable-container {
|
|
|
6382
6397
|
background-color: darken($wac-tag-gray, 15%);
|
|
6383
6398
|
}
|
|
6384
6399
|
|
|
6385
|
-
.wac-tag__draggable
|
|
6400
|
+
.wac-tag__draggable span {
|
|
6386
6401
|
background-color: white;
|
|
6387
6402
|
|
|
6388
6403
|
&:before, &:after {
|
|
@@ -6402,7 +6417,7 @@ wac-optional-disable-container {
|
|
|
6402
6417
|
background-color: darken($wac-border-light, 15%);
|
|
6403
6418
|
}
|
|
6404
6419
|
|
|
6405
|
-
.wac-tag__draggable
|
|
6420
|
+
.wac-tag__draggable span {
|
|
6406
6421
|
background-color: $wac-second-color;
|
|
6407
6422
|
|
|
6408
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: [{
|