@wizishop/angular-components 0.0.83 → 0.0.84
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 +4893 -4893
- package/bundles/wizishop-angular-components.umd.js +8 -6
- 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/switch/switch.component.js +3 -3
- package/esm2015/lib/components/tab/tab.component.js +6 -5
- package/esm2015/lib/components/tag/tag.component.js +2 -1
- package/fesm2015/wizishop-angular-components.js +8 -6
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/tab/tab.component.d.ts +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.84.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.83.tgz +0 -0
|
@@ -7,8 +7,8 @@ export class SwitchComponent {
|
|
|
7
7
|
this.textStateDisable = '';
|
|
8
8
|
this.showInput = false;
|
|
9
9
|
this.danger = false;
|
|
10
|
-
this.switchChange = new EventEmitter();
|
|
11
|
-
this.changeInput = new EventEmitter();
|
|
10
|
+
this.switchChange = new EventEmitter(); // todo set emitted type
|
|
11
|
+
this.changeInput = new EventEmitter(); // todo set emitted type
|
|
12
12
|
}
|
|
13
13
|
ngOnInit() {
|
|
14
14
|
this.id = 'switch-' + Math.floor(Math.random() * Math.floor(1000));
|
|
@@ -38,4 +38,4 @@ SwitchComponent.propDecorators = {
|
|
|
38
38
|
switchChange: [{ type: Output }],
|
|
39
39
|
changeInput: [{ type: Output }]
|
|
40
40
|
};
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3dpdGNoL3N3aXRjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUsvRSxNQUFNLE9BQU8sZUFBZTtJQVkxQjtRQVhTLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUN0QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWxCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZCxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyx3QkFBd0I7UUFDaEUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDLENBQUMsd0JBQXdCO0lBRzFELENBQUM7SUFDaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBQ0QsV0FBVyxDQUFDLEtBQVU7UUFDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiw2dkJBQXNDO2FBQ3ZDOzs7O29CQUVFLEtBQUs7d0JBQ0wsS0FBSzs4QkFDTCxLQUFLOytCQUNMLEtBQUs7d0JBQ0wsS0FBSzs4QkFDTCxLQUFLO3FCQUNMLEtBQUs7MkJBQ0wsTUFBTTswQkFDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXN3aXRjaCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zd2l0Y2guY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFN3aXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHZhbHVlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRleHRTdGF0ZSA9IGZhbHNlO1xuICBASW5wdXQoKSB0ZXh0U3RhdGVFbmFibGUgPSAnJztcbiAgQElucHV0KCkgdGV4dFN0YXRlRGlzYWJsZSA9ICcnO1xuICBASW5wdXQoKSBzaG93SW5wdXQgPSBmYWxzZTtcbiAgQElucHV0KCkgcGxhY2hvbGRlcklucHV0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRhbmdlciA9IGZhbHNlO1xuICBAT3V0cHV0KCkgc3dpdGNoQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7IC8vIHRvZG8gc2V0IGVtaXR0ZWQgdHlwZVxuICBAT3V0cHV0KCkgY2hhbmdlSW5wdXQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTsgLy8gdG9kbyBzZXQgZW1pdHRlZCB0eXBlXG4gIHZhbHVlSW5wdXQ6IHN0cmluZztcbiAgcHVibGljIGlkOiBzdHJpbmc7XG4gIGNvbnN0cnVjdG9yKCkge31cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pZCA9ICdzd2l0Y2gtJyArIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIE1hdGguZmxvb3IoMTAwMCkpO1xuICB9XG4gIGNoYW5nZVZhbHVlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnN3aXRjaENoYW5nZS5lbWl0KGV2ZW50LnRhcmdldC5jaGVja2VkKTtcbiAgfVxuICB0cmlnZ2VySW5wdXQoKSB7XG4gICAgdGhpcy5jaGFuZ2VJbnB1dC5lbWl0KHRoaXMudmFsdWVJbnB1dCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -4,18 +4,18 @@ export class TabComponent {
|
|
|
4
4
|
this.underline = false;
|
|
5
5
|
this.button = false;
|
|
6
6
|
this.tabs = [];
|
|
7
|
+
this.index = 0;
|
|
7
8
|
this.indexChange = new EventEmitter();
|
|
8
|
-
this.currentIndex = 0;
|
|
9
9
|
}
|
|
10
10
|
valueChanged(i) {
|
|
11
|
-
this.
|
|
12
|
-
this.indexChange.emit(this.
|
|
11
|
+
this.index = i;
|
|
12
|
+
this.indexChange.emit(this.index);
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
TabComponent.decorators = [
|
|
16
16
|
{ type: Component, args: [{
|
|
17
17
|
selector: 'wac-tab',
|
|
18
|
-
template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"
|
|
18
|
+
template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n",
|
|
19
19
|
encapsulation: ViewEncapsulation.None
|
|
20
20
|
},] }
|
|
21
21
|
];
|
|
@@ -24,6 +24,7 @@ TabComponent.propDecorators = {
|
|
|
24
24
|
underline: [{ type: Input }],
|
|
25
25
|
button: [{ type: Input }],
|
|
26
26
|
tabs: [{ type: Input }],
|
|
27
|
+
index: [{ type: Input }],
|
|
27
28
|
indexChange: [{ type: Output }]
|
|
28
29
|
};
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFiL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xRixNQUFNLE9BQU8sWUFBWTtJQWV2QjtRQVpBLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUdmLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFRCxVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBRWpCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVqQyxDQUFDO0lBRWhCLFlBQVksQ0FBQyxDQUFDO1FBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7O1lBekJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsU0FBUztnQkFDbkIsNlpBQW1DO2dCQUNuQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7Ozt3QkFHRSxLQUFLO3FCQUdMLEtBQUs7bUJBR0wsS0FBSztvQkFHTCxLQUFLOzBCQUVMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXRhYicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWIuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFRhYkNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgdW5kZXJsaW5lID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnV0dG9uID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdGFicyA9IFtdO1xuXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gIEBPdXRwdXQoKSBpbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICB2YWx1ZUNoYW5nZWQoaSkge1xuICAgIHRoaXMuaW5kZXggPSBpO1xuICAgIHRoaXMuaW5kZXhDaGFuZ2UuZW1pdCh0aGlzLmluZGV4KTtcbiAgfVxufVxuIl19
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
export class TagComponent {
|
|
3
3
|
constructor() {
|
|
4
|
+
//todo Refacto, open/close should be handle outside this component
|
|
4
5
|
this.label = '';
|
|
5
6
|
this.hasClose = false;
|
|
6
7
|
this.big = false;
|
|
@@ -30,4 +31,4 @@ TagComponent.propDecorators = {
|
|
|
30
31
|
isOpen: [{ type: Input }],
|
|
31
32
|
isOpenChange: [{ type: Output }]
|
|
32
33
|
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFnL3RhZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU12RSxNQUFNLE9BQU8sWUFBWTtJQWV2QjtRQWRBLGtFQUFrRTtRQUVsRSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBSVgsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixRQUFHLEdBQUcsS0FBSyxDQUFDO1FBRUgsV0FBTSxHQUFXLElBQUksQ0FBQztRQUNyQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFdEMsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUM7OztZQTNCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFNBQVM7Z0JBQ25CLHdQQUFtQzthQUNwQzs7OztvQkFHRSxLQUFLO29CQUVMLEtBQUs7dUJBRUwsS0FBSztrQkFHTCxLQUFLO3FCQUdMLEtBQUs7MkJBQ0wsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy10YWcnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFnLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUYWdDb21wb25lbnQge1xuICAvL3RvZG8gUmVmYWN0bywgb3Blbi9jbG9zZSBzaG91bGQgYmUgaGFuZGxlIG91dHNpZGUgdGhpcyBjb21wb25lbnRcbiAgQElucHV0KClcbiAgbGFiZWwgPSAnJztcbiAgQElucHV0KClcbiAgY2xhc3M6ICdkZWZhdWx0J3wnc3VjY2Vzcyd8J3dhcm5pbmcnfCdlcnJvcid8J2RhcmsnfCdncmF5J3wnbGlnaHRncmF5JztcbiAgQElucHV0KClcbiAgaGFzQ2xvc2UgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBiaWcgPSBmYWxzZTtcblxuICBASW5wdXQoKSBpc09wZW46Ym9vbGVhbiA9IHRydWU7XG4gIEBPdXRwdXQoKSBpc09wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIGNsb3NlVGFnKCkge1xuICAgIGlmICghdGhpcy5oYXNDbG9zZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuaXNPcGVuQ2hhbmdlLm5leHQodGhpcy5pc09wZW4pO1xuICB9XG59XG4iXX0=
|
|
@@ -515,6 +515,7 @@ TableComponent.propDecorators = {
|
|
|
515
515
|
|
|
516
516
|
class TagComponent {
|
|
517
517
|
constructor() {
|
|
518
|
+
//todo Refacto, open/close should be handle outside this component
|
|
518
519
|
this.label = '';
|
|
519
520
|
this.hasClose = false;
|
|
520
521
|
this.big = false;
|
|
@@ -550,18 +551,18 @@ class TabComponent {
|
|
|
550
551
|
this.underline = false;
|
|
551
552
|
this.button = false;
|
|
552
553
|
this.tabs = [];
|
|
554
|
+
this.index = 0;
|
|
553
555
|
this.indexChange = new EventEmitter();
|
|
554
|
-
this.currentIndex = 0;
|
|
555
556
|
}
|
|
556
557
|
valueChanged(i) {
|
|
557
|
-
this.
|
|
558
|
-
this.indexChange.emit(this.
|
|
558
|
+
this.index = i;
|
|
559
|
+
this.indexChange.emit(this.index);
|
|
559
560
|
}
|
|
560
561
|
}
|
|
561
562
|
TabComponent.decorators = [
|
|
562
563
|
{ type: Component, args: [{
|
|
563
564
|
selector: 'wac-tab',
|
|
564
|
-
template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"
|
|
565
|
+
template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n",
|
|
565
566
|
encapsulation: ViewEncapsulation.None
|
|
566
567
|
},] }
|
|
567
568
|
];
|
|
@@ -570,6 +571,7 @@ TabComponent.propDecorators = {
|
|
|
570
571
|
underline: [{ type: Input }],
|
|
571
572
|
button: [{ type: Input }],
|
|
572
573
|
tabs: [{ type: Input }],
|
|
574
|
+
index: [{ type: Input }],
|
|
573
575
|
indexChange: [{ type: Output }]
|
|
574
576
|
};
|
|
575
577
|
|
|
@@ -1634,8 +1636,8 @@ class SwitchComponent {
|
|
|
1634
1636
|
this.textStateDisable = '';
|
|
1635
1637
|
this.showInput = false;
|
|
1636
1638
|
this.danger = false;
|
|
1637
|
-
this.switchChange = new EventEmitter();
|
|
1638
|
-
this.changeInput = new EventEmitter();
|
|
1639
|
+
this.switchChange = new EventEmitter(); // todo set emitted type
|
|
1640
|
+
this.changeInput = new EventEmitter(); // todo set emitted type
|
|
1639
1641
|
}
|
|
1640
1642
|
ngOnInit() {
|
|
1641
1643
|
this.id = 'switch-' + Math.floor(Math.random() * Math.floor(1000));
|