@wizishop/angular-components 0.0.193 → 0.0.195
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 +5692 -5681
- package/bundles/wizishop-angular-components.umd.js +22 -2
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +2 -2
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/confirm-delete/confirm-delete.component.js +23 -4
- package/fesm2015/wizishop-angular-components.js +21 -2
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/confirm-delete/confirm-delete.component.d.ts +7 -2
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.195.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.193.tgz +0 -0
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
|
|
2
2
|
export class ConfirmDeleteComponent {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.open = false;
|
|
5
5
|
this.confirm = new EventEmitter();
|
|
6
6
|
this.backgroundColor = '#fff';
|
|
7
7
|
this.borderRadius = '0px';
|
|
8
|
+
this.hideText = false;
|
|
8
9
|
}
|
|
9
10
|
ngOnInit() {
|
|
10
11
|
}
|
|
@@ -16,11 +17,27 @@ export class ConfirmDeleteComponent {
|
|
|
16
17
|
this.confirm.emit(true);
|
|
17
18
|
this.open = false;
|
|
18
19
|
}
|
|
20
|
+
responsiveControl(size) {
|
|
21
|
+
if (size < 342) {
|
|
22
|
+
this.hideText = true;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
this.hideText = false;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
onResize() {
|
|
29
|
+
this.responsiveControl(this.container.nativeElement.offsetWidth);
|
|
30
|
+
}
|
|
31
|
+
ngAfterViewInit() {
|
|
32
|
+
setTimeout(() => {
|
|
33
|
+
this.responsiveControl(this.container.nativeElement.offsetWidth);
|
|
34
|
+
}, 100);
|
|
35
|
+
}
|
|
19
36
|
}
|
|
20
37
|
ConfirmDeleteComponent.decorators = [
|
|
21
38
|
{ type: Component, args: [{
|
|
22
39
|
selector: 'wac-confirm-delete',
|
|
23
|
-
template: "<div class=\"wac-confirm-delete\" [ngClass]=\"{'is-open': open}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n <div>\n <span [innerHTML]=\"label\"></span>\n </div>\n <div>\n <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n </div>\n</div>\n"
|
|
40
|
+
template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n <div>\n <span [innerHTML]=\"label\"></span>\n </div>\n <div>\n <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n </div>\n</div>\n"
|
|
24
41
|
},] }
|
|
25
42
|
];
|
|
26
43
|
ConfirmDeleteComponent.ctorParameters = () => [];
|
|
@@ -31,6 +48,8 @@ ConfirmDeleteComponent.propDecorators = {
|
|
|
31
48
|
labelConfirm: [{ type: Input }],
|
|
32
49
|
confirm: [{ type: Output }],
|
|
33
50
|
backgroundColor: [{ type: Input }],
|
|
34
|
-
borderRadius: [{ type: Input }]
|
|
51
|
+
borderRadius: [{ type: Input }],
|
|
52
|
+
container: [{ type: ViewChild, args: ['container',] }],
|
|
53
|
+
onResize: [{ type: HostListener, args: ['window:resize',] }]
|
|
35
54
|
};
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1kZWxldGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jb25maXJtLWRlbGV0ZS9jb25maXJtLWRlbGV0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU1qSSxNQUFNLE9BQU8sc0JBQXNCO0lBMkJqQztRQXhCQSxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBWWIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFHdEMsb0JBQWUsR0FBRyxNQUFNLENBQUM7UUFHekIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUlELENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBSztRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsSUFBSTtRQUNwQixJQUFJLElBQUksR0FBRyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztTQUN0QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDdkI7SUFDSCxDQUFDO0lBR0QsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRUQsZUFBZTtRQUNiLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbkUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs7O1lBL0RGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qix5aUJBQThDO2FBQy9DOzs7O21CQUdFLEtBQUs7b0JBR0wsS0FBSzswQkFHTCxLQUFLOzJCQUdMLEtBQUs7c0JBR0wsTUFBTTs4QkFHTixLQUFLOzJCQUdMLEtBQUs7d0JBS0wsU0FBUyxTQUFDLFdBQVc7dUJBeUJyQixZQUFZLFNBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtY29uZmlybS1kZWxldGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybS1kZWxldGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1EZWxldGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuXG4gIEBJbnB1dCgpXG4gIG9wZW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBsYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsQ2FuY2VsOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbGFiZWxDb25maXJtOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpXG4gIGNvbmZpcm0gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQElucHV0KClcbiAgYmFja2dyb3VuZENvbG9yID0gJyNmZmYnO1xuXG4gIEBJbnB1dCgpXG4gIGJvcmRlclJhZGl1cyA9ICcwcHgnO1xuXG4gIGhpZGVUZXh0ID0gZmFsc2U7XG5cbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJykgY29udGFpbmVyOiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBldmVudENhbmNlbChldmVudCkge1xuICAgIHRoaXMuY29uZmlybS5lbWl0KGZhbHNlKTtcbiAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgfVxuXG4gIGV2ZW50Q29uZmlybShldmVudCkge1xuICAgIHRoaXMuY29uZmlybS5lbWl0KHRydWUpO1xuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICB9XG5cbiAgcmVzcG9uc2l2ZUNvbnRyb2woc2l6ZSkge1xuICAgIGlmIChzaXplIDwgMzQyKSB7XG4gICAgICB0aGlzLmhpZGVUZXh0ID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5oaWRlVGV4dCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICBvblJlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnJlc3BvbnNpdmVDb250cm9sKHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGgpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5yZXNwb25zaXZlQ29udHJvbCh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoKTtcbiAgICB9LCAxMDApO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -3854,6 +3854,7 @@ class ConfirmDeleteComponent {
|
|
|
3854
3854
|
this.confirm = new EventEmitter();
|
|
3855
3855
|
this.backgroundColor = '#fff';
|
|
3856
3856
|
this.borderRadius = '0px';
|
|
3857
|
+
this.hideText = false;
|
|
3857
3858
|
}
|
|
3858
3859
|
ngOnInit() {
|
|
3859
3860
|
}
|
|
@@ -3865,11 +3866,27 @@ class ConfirmDeleteComponent {
|
|
|
3865
3866
|
this.confirm.emit(true);
|
|
3866
3867
|
this.open = false;
|
|
3867
3868
|
}
|
|
3869
|
+
responsiveControl(size) {
|
|
3870
|
+
if (size < 342) {
|
|
3871
|
+
this.hideText = true;
|
|
3872
|
+
}
|
|
3873
|
+
else {
|
|
3874
|
+
this.hideText = false;
|
|
3875
|
+
}
|
|
3876
|
+
}
|
|
3877
|
+
onResize() {
|
|
3878
|
+
this.responsiveControl(this.container.nativeElement.offsetWidth);
|
|
3879
|
+
}
|
|
3880
|
+
ngAfterViewInit() {
|
|
3881
|
+
setTimeout(() => {
|
|
3882
|
+
this.responsiveControl(this.container.nativeElement.offsetWidth);
|
|
3883
|
+
}, 100);
|
|
3884
|
+
}
|
|
3868
3885
|
}
|
|
3869
3886
|
ConfirmDeleteComponent.decorators = [
|
|
3870
3887
|
{ type: Component, args: [{
|
|
3871
3888
|
selector: 'wac-confirm-delete',
|
|
3872
|
-
template: "<div class=\"wac-confirm-delete\" [ngClass]=\"{'is-open': open}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n <div>\n <span [innerHTML]=\"label\"></span>\n </div>\n <div>\n <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n </div>\n</div>\n"
|
|
3889
|
+
template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n <div>\n <span [innerHTML]=\"label\"></span>\n </div>\n <div>\n <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n </div>\n</div>\n"
|
|
3873
3890
|
},] }
|
|
3874
3891
|
];
|
|
3875
3892
|
ConfirmDeleteComponent.ctorParameters = () => [];
|
|
@@ -3880,7 +3897,9 @@ ConfirmDeleteComponent.propDecorators = {
|
|
|
3880
3897
|
labelConfirm: [{ type: Input }],
|
|
3881
3898
|
confirm: [{ type: Output }],
|
|
3882
3899
|
backgroundColor: [{ type: Input }],
|
|
3883
|
-
borderRadius: [{ type: Input }]
|
|
3900
|
+
borderRadius: [{ type: Input }],
|
|
3901
|
+
container: [{ type: ViewChild, args: ['container',] }],
|
|
3902
|
+
onResize: [{ type: HostListener, args: ['window:resize',] }]
|
|
3884
3903
|
};
|
|
3885
3904
|
|
|
3886
3905
|
class MosaicComponent {
|