@wizishop/angular-components 0.0.193 → 0.0.197
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 +5961 -5950
- package/bundles/wizishop-angular-components.umd.js +24 -4
- 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/esm2015/lib/components/text-area/text-area.component.js +3 -3
- package/fesm2015/wizishop-angular-components.js +23 -4
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/confirm-delete/confirm-delete.component.d.ts +7 -2
- package/lib/components/text-area/text-area.component.d.ts +2 -2
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.197.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==
|
|
@@ -6,8 +6,8 @@ export class TextAreaComponent {
|
|
|
6
6
|
this.label = '';
|
|
7
7
|
this.value = '';
|
|
8
8
|
this.placeholder = '';
|
|
9
|
-
this.textInfo =
|
|
10
|
-
this.textError =
|
|
9
|
+
this.textInfo = '';
|
|
10
|
+
this.textError = '';
|
|
11
11
|
this.size = null;
|
|
12
12
|
this.min = null;
|
|
13
13
|
this.max = null;
|
|
@@ -65,4 +65,4 @@ TextAreaComponent.propDecorators = {
|
|
|
65
65
|
maxlength: [{ type: Input }],
|
|
66
66
|
minlength: [{ type: Input }]
|
|
67
67
|
};
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGV4dC1hcmVhL3RleHQtYXJlYS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBUXpFLE1BQU0sT0FBTyxpQkFBaUI7SUFOOUI7UUFPRSx5Q0FBeUM7UUFFekMsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBRWQsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVmLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWixRQUFHLEdBQUcsSUFBSSxDQUFDO1FBRVgsUUFBRyxHQUFHLElBQUksQ0FBQztRQUVYLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFNakIsT0FBRSxHQUNBLGdCQUFnQjtZQUNoQixJQUFJLENBQUMsTUFBTSxFQUFFO2lCQUNWLFFBQVEsQ0FBQyxFQUFFLENBQUM7aUJBQ1osTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQWlDcEIsQ0FBQztJQTVCQyxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVE7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFLO1FBQ1osSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7OztZQXZFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLDgwREFBeUM7Z0JBRXpDLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7YUFDekY7OztvQkFHRSxLQUFLO29CQUVMLEtBQUs7MEJBRUwsS0FBSzt1QkFFTCxLQUFLO3dCQUVMLEtBQUs7bUJBRUwsS0FBSztrQkFFTCxLQUFLO2tCQUVMLEtBQUs7MEJBRUwsS0FBSzswQkFFTCxLQUFLO3VCQUVMLEtBQUs7d0JBRUwsS0FBSzt3QkFFTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtdGV4dC1hcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG5cbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IFRleHRBcmVhQ29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9XVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0QXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLy8gdG9kbyBzaW1wbGlmeSBhbmQgaW1wcm92ZSBwcm9ncmVzcyBiYXJcbiAgQElucHV0KClcbiAgbGFiZWwgPSAnJztcbiAgQElucHV0KClcbiAgdmFsdWUgPSAnJztcbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KClcbiAgdGV4dEluZm8gPSAnJztcbiAgQElucHV0KClcbiAgdGV4dEVycm9yID0gJyc7XG4gIEBJbnB1dCgpXG4gIHNpemUgPSBudWxsO1xuICBASW5wdXQoKVxuICBtaW4gPSBudWxsO1xuICBASW5wdXQoKVxuICBtYXggPSBudWxsO1xuICBASW5wdXQoKVxuICBkeW5hbWljU2l6ZSA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBwcm9ncmVzc0JhciA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBtYXhsZW5ndGg6IG51bWJlciB8IHN0cmluZztcbiAgQElucHV0KClcbiAgbWlubGVuZ3RoOiBudW1iZXIgfCBzdHJpbmc7XG5cbiAgaWQgPVxuICAgICd3YWMtdGV4dGFyZWFfXycgK1xuICAgIE1hdGgucmFuZG9tKClcbiAgICAgIC50b1N0cmluZygzNilcbiAgICAgIC5zdWJzdHIoMiwgOSk7XG5cbiAgcHJpdmF0ZSBfb25DaGFuZ2U6IEZ1bmN0aW9uO1xuICBwcml2YXRlIF9vblRvdWNoZWQ6IEZ1bmN0aW9uO1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX29uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5fb25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuICB9XG5cbiAgb25DaGFuZ2UodmFsdWUpIHtcbiAgICBpZiAodGhpcy5fb25DaGFuZ2UpIHtcbiAgICAgIHRoaXMuX29uQ2hhbmdlKHZhbHVlKTtcbiAgICAgIHRoaXMud3JpdGVWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgb25CbHVyKCkge1xuICAgIGlmICh0aGlzLl9vblRvdWNoZWQpIHtcbiAgICAgIHRoaXMuX29uVG91Y2hlZCgpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1611,8 +1611,8 @@ class TextAreaComponent {
|
|
|
1611
1611
|
this.label = '';
|
|
1612
1612
|
this.value = '';
|
|
1613
1613
|
this.placeholder = '';
|
|
1614
|
-
this.textInfo =
|
|
1615
|
-
this.textError =
|
|
1614
|
+
this.textInfo = '';
|
|
1615
|
+
this.textError = '';
|
|
1616
1616
|
this.size = null;
|
|
1617
1617
|
this.min = null;
|
|
1618
1618
|
this.max = null;
|
|
@@ -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 {
|