@wizishop/angular-components 0.0.65 → 0.0.69
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 +16 -3
- package/bundles/wizishop-angular-components.umd.js +4 -2
- 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/free-popin/free-popin.component.js +5 -3
- package/fesm2015/wizishop-angular-components.js +4 -2
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/free-popin/free-popin.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.69.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.65.tgz +0 -0
|
@@ -4,6 +4,7 @@ export class FreePopinComponent {
|
|
|
4
4
|
constructor(domService) {
|
|
5
5
|
this.domService = domService;
|
|
6
6
|
this.visible = false;
|
|
7
|
+
this.disableCloseOutside = false;
|
|
7
8
|
this.visibleChange = new EventEmitter();
|
|
8
9
|
this.response = new EventEmitter();
|
|
9
10
|
this.background = true;
|
|
@@ -21,7 +22,7 @@ export class FreePopinComponent {
|
|
|
21
22
|
this.closePopin();
|
|
22
23
|
}
|
|
23
24
|
closePopin() {
|
|
24
|
-
if (!this.firstOpen) {
|
|
25
|
+
if (!this.firstOpen || this.disableCloseOutside) {
|
|
25
26
|
this.visible = false;
|
|
26
27
|
this.visibleChange.emit(this.visible);
|
|
27
28
|
this.firstOpen = true;
|
|
@@ -34,7 +35,7 @@ export class FreePopinComponent {
|
|
|
34
35
|
FreePopinComponent.decorators = [
|
|
35
36
|
{ type: Component, args: [{
|
|
36
37
|
selector: 'wac-free-popin',
|
|
37
|
-
template: "<div class=\"wac-free-popin\" *ngIf=\"visible\">\n\n\n <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"closePopin()\">\n <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n <i class=\"fas fa-times\"></i>\n </a>\n <div class=\"wac-free-popin__wrapper__content\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n <ng-content></ng-content>\n </perfect-scrollbar>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons\">\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n"
|
|
38
|
+
template: "<div class=\"wac-free-popin\" *ngIf=\"visible\">\n\n\n <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\n <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n <i class=\"fas fa-times\"></i>\n </a>\n <div class=\"wac-free-popin__wrapper__content\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n <ng-content></ng-content>\n </perfect-scrollbar>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons\">\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n"
|
|
38
39
|
},] }
|
|
39
40
|
];
|
|
40
41
|
FreePopinComponent.ctorParameters = () => [
|
|
@@ -44,8 +45,9 @@ FreePopinComponent.propDecorators = {
|
|
|
44
45
|
okButtonLabel: [{ type: Input }],
|
|
45
46
|
koButtonLabel: [{ type: Input }],
|
|
46
47
|
visible: [{ type: Input }],
|
|
48
|
+
disableCloseOutside: [{ type: Input }],
|
|
47
49
|
visibleChange: [{ type: Output }],
|
|
48
50
|
response: [{ type: Output }],
|
|
49
51
|
background: [{ type: Input }]
|
|
50
52
|
};
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJlZS1wb3Bpbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2ZyZWUtcG9waW4vZnJlZS1wb3Bpbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFNeEQsTUFBTSxPQUFPLGtCQUFrQjtJQXdCN0IsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQWhCMUMsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdoQix3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFHNUIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR25DLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRzlCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFFbEIsY0FBUyxHQUFHLElBQUksQ0FBQztJQUU2QixDQUFDO0lBRS9DLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDL0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3RDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3ZCO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUN4QjtJQUNILENBQUM7OztZQXBERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsdXFDQUEwQzthQUMzQzs7O1lBTFEsVUFBVTs7OzRCQU9oQixLQUFLOzRCQUdMLEtBQUs7c0JBR0wsS0FBSztrQ0FHTCxLQUFLOzRCQUdMLE1BQU07dUJBR04sTUFBTTt5QkFHTixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2RvbS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWZyZWUtcG9waW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vZnJlZS1wb3Bpbi5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRnJlZVBvcGluQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgb2tCdXR0b25MYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGtvQnV0dG9uTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICB2aXNpYmxlID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZUNsb3NlT3V0c2lkZSA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICB2aXNpYmxlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKVxuICByZXNwb25zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASW5wdXQoKVxuICBiYWNrZ3JvdW5kID0gdHJ1ZTtcblxuICBmaXJzdE9wZW4gPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZG9tU2VydmljZTogRG9tU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5kb21TZXJ2aWNlLnNldERvY3VtZW50RXZlbnRMaXN0ZW5lcigpO1xuICB9XG5cbiAgdmFsaWRhdGVQb3BpbigpIHtcbiAgICB0aGlzLnJlc3BvbnNlLmVtaXQodHJ1ZSk7XG4gICAgdGhpcy5jbG9zZVBvcGluKCk7XG4gIH1cblxuICByZWZ1c2VQb3Bpbigpe1xuICAgIHRoaXMucmVzcG9uc2UuZW1pdChmYWxzZSk7XG4gICAgdGhpcy5jbG9zZVBvcGluKCk7XG4gIH1cblxuICBjbG9zZVBvcGluKCkge1xuICAgIGlmICghdGhpcy5maXJzdE9wZW4gfHwgdGhpcy5kaXNhYmxlQ2xvc2VPdXRzaWRlKSB7XG4gICAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcbiAgICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMudmlzaWJsZSk7XG4gICAgICB0aGlzLmZpcnN0T3BlbiA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZmlyc3RPcGVuID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -2853,6 +2853,7 @@ class FreePopinComponent {
|
|
|
2853
2853
|
constructor(domService) {
|
|
2854
2854
|
this.domService = domService;
|
|
2855
2855
|
this.visible = false;
|
|
2856
|
+
this.disableCloseOutside = false;
|
|
2856
2857
|
this.visibleChange = new EventEmitter();
|
|
2857
2858
|
this.response = new EventEmitter();
|
|
2858
2859
|
this.background = true;
|
|
@@ -2870,7 +2871,7 @@ class FreePopinComponent {
|
|
|
2870
2871
|
this.closePopin();
|
|
2871
2872
|
}
|
|
2872
2873
|
closePopin() {
|
|
2873
|
-
if (!this.firstOpen) {
|
|
2874
|
+
if (!this.firstOpen || this.disableCloseOutside) {
|
|
2874
2875
|
this.visible = false;
|
|
2875
2876
|
this.visibleChange.emit(this.visible);
|
|
2876
2877
|
this.firstOpen = true;
|
|
@@ -2883,7 +2884,7 @@ class FreePopinComponent {
|
|
|
2883
2884
|
FreePopinComponent.decorators = [
|
|
2884
2885
|
{ type: Component, args: [{
|
|
2885
2886
|
selector: 'wac-free-popin',
|
|
2886
|
-
template: "<div class=\"wac-free-popin\" *ngIf=\"visible\">\n\n\n <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"closePopin()\">\n <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n <i class=\"fas fa-times\"></i>\n </a>\n <div class=\"wac-free-popin__wrapper__content\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n <ng-content></ng-content>\n </perfect-scrollbar>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons\">\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n"
|
|
2887
|
+
template: "<div class=\"wac-free-popin\" *ngIf=\"visible\">\n\n\n <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\n <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n <i class=\"fas fa-times\"></i>\n </a>\n <div class=\"wac-free-popin__wrapper__content\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n <ng-content></ng-content>\n </perfect-scrollbar>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons\">\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n"
|
|
2887
2888
|
},] }
|
|
2888
2889
|
];
|
|
2889
2890
|
FreePopinComponent.ctorParameters = () => [
|
|
@@ -2893,6 +2894,7 @@ FreePopinComponent.propDecorators = {
|
|
|
2893
2894
|
okButtonLabel: [{ type: Input }],
|
|
2894
2895
|
koButtonLabel: [{ type: Input }],
|
|
2895
2896
|
visible: [{ type: Input }],
|
|
2897
|
+
disableCloseOutside: [{ type: Input }],
|
|
2896
2898
|
visibleChange: [{ type: Output }],
|
|
2897
2899
|
response: [{ type: Output }],
|
|
2898
2900
|
background: [{ type: Input }]
|