wacom 16.0.3 → 16.0.5

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.
Files changed (5) hide show
  1. package/esm2022/lib/components/modal/modal.component.mjs +4 -4
  2. package/fesm2022/wacom.mjs +3 -3
  3. package/fesm2022/wacom.mjs.map +1 -1
  4. package/lib/components/modal/modal.component.d.ts +1 -1
  5. package/package.json +1 -1
package/esm2022/lib/components/modal/modal.component.mjs CHANGED
@@ -7,11 +7,11 @@ class ModalComponent {
7
7
  closable = true;
8
8
  close;
9
9
  onOpen;
10
- onClickOutside;
11
10
  timestart;
12
11
  timeout;
13
12
  showModal = false;
14
13
  allowClose = true;
14
+ onClickOutside;
15
15
  ngOnInit() {
16
16
  if (typeof this.onClickOutside !== 'function') {
17
17
  this.onClickOutside = () => {
@@ -30,11 +30,11 @@ class ModalComponent {
30
30
  }, this.timestart || 0);
31
31
  }
32
32
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
33
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ModalComponent, selector: "lib-modal", ngImport: i0, template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
33
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ModalComponent, selector: "lib-modal", ngImport: i0, template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<!-- (click)=\"$event.stopPropagation()\" -->\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
34
34
  }
35
35
  export { ModalComponent };
36
36
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalComponent, decorators: [{
37
37
  type: Component,
38
- args: [{ selector: 'lib-modal', template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
38
+ args: [{ selector: 'lib-modal', template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<!-- (click)=\"$event.stopPropagation()\" -->\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
39
39
  }] });
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2Fjb20vc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhY29tL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFFbEQsTUFLYSxjQUFjO0lBQzFCLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsSUFBSSxHQUFXLE1BQU0sQ0FBQztJQUN0QixRQUFRLEdBQVksSUFBSSxDQUFDO0lBQ3pCLEtBQUssQ0FBTTtJQUNYLE1BQU0sQ0FBTTtJQUNaLGNBQWMsQ0FBTTtJQUNwQixTQUFTLENBQU07SUFDZixPQUFPLENBQU07SUFDYixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbEIsUUFBUTtRQUNQLElBQUksT0FBTyxJQUFJLENBQUMsY0FBYyxLQUFLLFVBQVUsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLEdBQUcsRUFBRTtnQkFDMUIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO29CQUNwQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ2I7Z0JBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDeEIsQ0FBQyxDQUFDO1NBQ0Y7UUFDRCxJQUFJLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxVQUFVO1lBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3JELENBQUM7SUFDRCxlQUFlO1FBQ2QsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7dUdBMUJXLGNBQWM7MkZBQWQsY0FBYyxpRENQM0Isc1VBTUE7O1NEQ2EsY0FBYzsyRkFBZCxjQUFjO2tCQUwxQixTQUFTOytCQUNDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsaWItbW9kYWwnLFxuXHR0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cdGNsYXNzOiBzdHJpbmcgPSAnJztcblx0c2l6ZTogc3RyaW5nID0gJ2ZsZXgnO1xuXHRjbG9zYWJsZTogYm9vbGVhbiA9IHRydWU7XG5cdGNsb3NlOiBhbnk7XG5cdG9uT3BlbjogYW55O1xuXHRvbkNsaWNrT3V0c2lkZTogYW55O1xuXHR0aW1lc3RhcnQ6IGFueTtcblx0dGltZW91dDogYW55O1xuXHRzaG93TW9kYWwgPSBmYWxzZTtcblx0YWxsb3dDbG9zZSA9IHRydWU7XG5cdG5nT25Jbml0KCkge1xuXHRcdGlmICh0eXBlb2YgdGhpcy5vbkNsaWNrT3V0c2lkZSAhPT0gJ2Z1bmN0aW9uJykge1xuXHRcdFx0dGhpcy5vbkNsaWNrT3V0c2lkZSA9ICgpID0+IHtcblx0XHRcdFx0aWYgKHRoaXMuYWxsb3dDbG9zZSkge1xuXHRcdFx0XHRcdHRoaXMuY2xvc2UoKTtcblx0XHRcdFx0fVxuXHRcdFx0XHR0aGlzLmFsbG93Q2xvc2UgPSB0cnVlO1xuXHRcdFx0fTtcblx0XHR9XG5cdFx0aWYgKHR5cGVvZiB0aGlzLm9uT3BlbiA9PSAnZnVuY3Rpb24nKSB0aGlzLm9uT3BlbigpO1xuXHR9XG5cdG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHRzZXRUaW1lb3V0KCgpID0+IHtcblx0XHRcdHRoaXMuc2hvd01vZGFsID0gdHJ1ZTtcblx0XHR9LCB0aGlzLnRpbWVzdGFydCB8fCAwKTtcblx0fVxufVxuIiwiPGRpdiBbaGlkZGVuXT1cIiFzaG93TW9kYWxcIiBjbGFzcz1cIm1vZGFsXCIgW25nQ2xhc3NdPVwiY2xhc3MgKyAnICcgKyBzaXplXCIgKGNsaWNrKT1cIm9uQ2xpY2tPdXRzaWRlKClcIj5cblx0PGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIiAobW91c2Vkb3duKT1cImFsbG93Q2xvc2UgPSBmYWxzZVwiPlxuXHRcdDxkaXY+PCEtLSBDb250ZW50IFdpbGwgRHJvcCBIZXJlIC0tPjwvZGl2PlxuXHRcdDxzcGFuIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiY2xvc2UoKVwiICpuZ0lmPVwiY2xvc2FibGVcIj4mdGltZXM7PC9zcGFuPlxuXHQ8L2Rpdj5cbjwvZGl2PlxuIl19
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2Fjb20vc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhY29tL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFFbEQsTUFLYSxjQUFjO0lBQzFCLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsSUFBSSxHQUFXLE1BQU0sQ0FBQztJQUN0QixRQUFRLEdBQVksSUFBSSxDQUFDO0lBQ3pCLEtBQUssQ0FBTTtJQUNYLE1BQU0sQ0FBTTtJQUNaLFNBQVMsQ0FBTTtJQUNmLE9BQU8sQ0FBTTtJQUNiLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDbEIsVUFBVSxHQUFHLElBQUksQ0FBQztJQUNsQixjQUFjLENBQU07SUFDcEIsUUFBUTtRQUNQLElBQUksT0FBTyxJQUFJLENBQUMsY0FBYyxLQUFLLFVBQVUsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLEdBQUcsRUFBRTtnQkFDMUIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO29CQUNwQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ2I7Z0JBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDeEIsQ0FBQyxDQUFDO1NBQ0Y7UUFFRCxJQUFJLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxVQUFVO1lBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3JELENBQUM7SUFFRCxlQUFlO1FBQ2QsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7dUdBN0JXLGNBQWM7MkZBQWQsY0FBYyxpRENQM0Isd1hBT0E7O1NEQWEsY0FBYzsyRkFBZCxjQUFjO2tCQUwxQixTQUFTOytCQUNDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsaWItbW9kYWwnLFxuXHR0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cdGNsYXNzOiBzdHJpbmcgPSAnJztcblx0c2l6ZTogc3RyaW5nID0gJ2ZsZXgnO1xuXHRjbG9zYWJsZTogYm9vbGVhbiA9IHRydWU7XG5cdGNsb3NlOiBhbnk7XG5cdG9uT3BlbjogYW55O1xuXHR0aW1lc3RhcnQ6IGFueTtcblx0dGltZW91dDogYW55O1xuXHRzaG93TW9kYWwgPSBmYWxzZTtcblx0YWxsb3dDbG9zZSA9IHRydWU7XG5cdG9uQ2xpY2tPdXRzaWRlOiBhbnk7XG5cdG5nT25Jbml0KCkge1xuXHRcdGlmICh0eXBlb2YgdGhpcy5vbkNsaWNrT3V0c2lkZSAhPT0gJ2Z1bmN0aW9uJykge1xuXHRcdFx0dGhpcy5vbkNsaWNrT3V0c2lkZSA9ICgpID0+IHtcblx0XHRcdFx0aWYgKHRoaXMuYWxsb3dDbG9zZSkge1xuXHRcdFx0XHRcdHRoaXMuY2xvc2UoKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdHRoaXMuYWxsb3dDbG9zZSA9IHRydWU7XG5cdFx0XHR9O1xuXHRcdH1cblxuXHRcdGlmICh0eXBlb2YgdGhpcy5vbk9wZW4gPT0gJ2Z1bmN0aW9uJykgdGhpcy5vbk9wZW4oKTtcblx0fVxuXG5cdG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHRzZXRUaW1lb3V0KCgpID0+IHtcblx0XHRcdHRoaXMuc2hvd01vZGFsID0gdHJ1ZTtcblx0XHR9LCB0aGlzLnRpbWVzdGFydCB8fCAwKTtcblx0fVxufVxuIiwiPGRpdiBbaGlkZGVuXT1cIiFzaG93TW9kYWxcIiBjbGFzcz1cIm1vZGFsXCIgW25nQ2xhc3NdPVwiY2xhc3MgKyAnICcgKyBzaXplXCIgKGNsaWNrKT1cIm9uQ2xpY2tPdXRzaWRlKClcIj5cblx0PCEtLSAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiIC0tPlxuXHQ8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiIChtb3VzZWRvd24pPVwiYWxsb3dDbG9zZSA9IGZhbHNlXCI+XG5cdFx0PGRpdj48IS0tIENvbnRlbnQgV2lsbCBEcm9wIEhlcmUgLS0+PC9kaXY+XG5cdFx0PHNwYW4gY2xhc3M9XCJjbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCIgKm5nSWY9XCJjbG9zYWJsZVwiPiZ0aW1lczs8L3NwYW4+XG5cdDwvZGl2PlxuPC9kaXY+XG4iXX0=
package/fesm2022/wacom.mjs CHANGED
@@ -575,11 +575,11 @@ class ModalComponent {
575
575
  closable = true;
576
576
  close;
577
577
  onOpen;
578
- onClickOutside;
579
578
  timestart;
580
579
  timeout;
581
580
  showModal = false;
582
581
  allowClose = true;
582
+ onClickOutside;
583
583
  ngOnInit() {
584
584
  if (typeof this.onClickOutside !== 'function') {
585
585
  this.onClickOutside = () => {
@@ -598,11 +598,11 @@ class ModalComponent {
598
598
  }, this.timestart || 0);
599
599
  }
600
600
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
601
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ModalComponent, selector: "lib-modal", ngImport: i0, template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
601
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ModalComponent, selector: "lib-modal", ngImport: i0, template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<!-- (click)=\"$event.stopPropagation()\" -->\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
602
602
  }
603
603
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ModalComponent, decorators: [{
604
604
  type: Component,
605
- args: [{ selector: 'lib-modal', template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
605
+ args: [{ selector: 'lib-modal', template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\n\t<!-- (click)=\"$event.stopPropagation()\" -->\n\t<div class=\"modal-content\" (mousedown)=\"allowClose = false\">\n\t\t<div><!-- Content Will Drop Here --></div>\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\n\t</div>\n</div>\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
606
606
  }] });
607
607
 
608
608
  class LoaderComponent {