wacom 16.0.2 → 16.0.4

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.
@@ -2,16 +2,16 @@ import { Component } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "@angular/common";
4
4
  class ModalComponent {
5
- class = "";
6
- size = "flex";
5
+ class = '';
6
+ size = 'flex';
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\" (click)=\"$event.stopPropagation()\" (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<div class=\"modal-content\" (click)=\"$event.stopPropagation();\">\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\" (click)=\"$event.stopPropagation()\" (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<div class=\"modal-content\" (click)=\"$event.stopPropagation();\">\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2Fjb20vc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhY29tL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFFbEQsTUFLYSxjQUFjO0lBQzFCLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsSUFBSSxHQUFXLE1BQU0sQ0FBQztJQUN0QixRQUFRLEdBQVcsSUFBSSxDQUFDO0lBQ3hCLEtBQUssQ0FBSztJQUNWLE1BQU0sQ0FBSztJQUNYLGNBQWMsQ0FBSztJQUNuQixTQUFTLENBQUs7SUFDZCxPQUFPLENBQUs7SUFDWixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbEIsUUFBUTtRQUNQLElBQUcsT0FBTyxJQUFJLENBQUMsY0FBYyxLQUFLLFVBQVUsRUFBQztZQUM1QyxJQUFJLENBQUMsY0FBYyxHQUFHLEdBQUcsRUFBRTtnQkFDMUIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO29CQUNwQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ2I7Z0JBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDeEIsQ0FBQyxDQUFBO1NBQ0Q7UUFDRCxJQUFHLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxVQUFVO1lBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3BELENBQUM7SUFDRCxlQUFlO1FBQ2QsVUFBVSxDQUFDLEdBQUUsRUFBRTtZQUNkLElBQUksQ0FBQyxTQUFTLEdBQUMsSUFBSSxDQUFDO1FBQ3JCLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxJQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7dUdBMUJXLGNBQWM7MkZBQWQsY0FBYyxpRENQM0IsMldBTUE7O1NEQ2EsY0FBYzsyRkFBZCxjQUFjO2tCQUwxQixTQUFTOytCQUNDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsaWItbW9kYWwnLFxuXHR0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xuXHRjbGFzczogc3RyaW5nID0gXCJcIjtcblx0c2l6ZTogc3RyaW5nID0gXCJmbGV4XCI7XG5cdGNsb3NhYmxlOmJvb2xlYW4gPSB0cnVlO1xuXHRjbG9zZTphbnk7XG5cdG9uT3Blbjphbnk7XG5cdG9uQ2xpY2tPdXRzaWRlOmFueTtcblx0dGltZXN0YXJ0OmFueTtcblx0dGltZW91dDphbnk7XG5cdHNob3dNb2RhbCA9IGZhbHNlO1xuXHRhbGxvd0Nsb3NlID0gdHJ1ZTtcblx0bmdPbkluaXQoKXtcblx0XHRpZih0eXBlb2YgdGhpcy5vbkNsaWNrT3V0c2lkZSAhPT0gJ2Z1bmN0aW9uJyl7XG5cdFx0XHR0aGlzLm9uQ2xpY2tPdXRzaWRlID0gKCkgPT4ge1xuXHRcdFx0XHRpZiAodGhpcy5hbGxvd0Nsb3NlKSB7XG5cdFx0XHRcdFx0dGhpcy5jbG9zZSgpO1xuXHRcdFx0XHR9XG5cdFx0XHRcdHRoaXMuYWxsb3dDbG9zZSA9IHRydWU7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdGlmKHR5cGVvZiB0aGlzLm9uT3BlbiA9PSAnZnVuY3Rpb24nKSB0aGlzLm9uT3BlbigpO1xuXHR9XG5cdG5nQWZ0ZXJWaWV3SW5pdCgpe1xuXHRcdHNldFRpbWVvdXQoKCk9Pntcblx0XHRcdHRoaXMuc2hvd01vZGFsPXRydWU7XG5cdFx0fSwgdGhpcy50aW1lc3RhcnR8fDApO1xuXHR9XG59XG4iLCI8ZGl2IFtoaWRkZW5dPVwiIXNob3dNb2RhbFwiIGNsYXNzPVwibW9kYWxcIiBbbmdDbGFzc109XCJjbGFzcyArICcgJyArIHNpemVcIiAoY2xpY2spPVwib25DbGlja091dHNpZGUoKVwiPlxuXHQ8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIiAobW91c2Vkb3duKT1cImFsbG93Q2xvc2UgPSBmYWxzZVwiPlxuXHRcdDxkaXY+PCEtLSBDb250ZW50IFdpbGwgRHJvcCBIZXJlIC0tPjwvZGl2PlxuXHRcdDxzcGFuIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiY2xvc2UoKVwiICpuZ0lmPVwiY2xvc2FibGVcIj4mdGltZXM7PC9zcGFuPlxuXHQ8L2Rpdj5cbjwvZGl2PlxuIl19
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2Fjb20vc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhY29tL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFFbEQsTUFLYSxjQUFjO0lBQzFCLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsSUFBSSxHQUFXLE1BQU0sQ0FBQztJQUN0QixRQUFRLEdBQVksSUFBSSxDQUFDO0lBQ3pCLEtBQUssQ0FBTTtJQUNYLE1BQU0sQ0FBTTtJQUNaLFNBQVMsQ0FBTTtJQUNmLE9BQU8sQ0FBTTtJQUNiLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDbEIsVUFBVSxHQUFHLElBQUksQ0FBQztJQUNsQixjQUFjLENBQU07SUFDcEIsUUFBUTtRQUNQLElBQUksT0FBTyxJQUFJLENBQUMsY0FBYyxLQUFLLFVBQVUsRUFBRTtZQUM5QyxJQUFJLENBQUMsY0FBYyxHQUFHLEdBQUcsRUFBRTtnQkFDMUIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO29CQUNwQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ2I7Z0JBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDeEIsQ0FBQyxDQUFDO1NBQ0Y7UUFFRCxJQUFJLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxVQUFVO1lBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3JELENBQUM7SUFDRCxlQUFlO1FBQ2QsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7dUdBM0JXLGNBQWM7MkZBQWQsY0FBYyxpRENQM0Isc1VBTUE7O1NEQ2EsY0FBYzsyRkFBZCxjQUFjO2tCQUwxQixTQUFTOytCQUNDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsaWItbW9kYWwnLFxuXHR0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cdGNsYXNzOiBzdHJpbmcgPSAnJztcblx0c2l6ZTogc3RyaW5nID0gJ2ZsZXgnO1xuXHRjbG9zYWJsZTogYm9vbGVhbiA9IHRydWU7XG5cdGNsb3NlOiBhbnk7XG5cdG9uT3BlbjogYW55O1xuXHR0aW1lc3RhcnQ6IGFueTtcblx0dGltZW91dDogYW55O1xuXHRzaG93TW9kYWwgPSBmYWxzZTtcblx0YWxsb3dDbG9zZSA9IHRydWU7XG5cdG9uQ2xpY2tPdXRzaWRlOiBhbnk7XG5cdG5nT25Jbml0KCkge1xuXHRcdGlmICh0eXBlb2YgdGhpcy5vbkNsaWNrT3V0c2lkZSAhPT0gJ2Z1bmN0aW9uJykge1xuXHRcdFx0dGhpcy5vbkNsaWNrT3V0c2lkZSA9ICgpID0+IHtcblx0XHRcdFx0aWYgKHRoaXMuYWxsb3dDbG9zZSkge1xuXHRcdFx0XHRcdHRoaXMuY2xvc2UoKTtcblx0XHRcdFx0fVxuXHRcdFx0XHR0aGlzLmFsbG93Q2xvc2UgPSB0cnVlO1xuXHRcdFx0fTtcblx0XHR9XG5cblx0XHRpZiAodHlwZW9mIHRoaXMub25PcGVuID09ICdmdW5jdGlvbicpIHRoaXMub25PcGVuKCk7XG5cdH1cblx0bmdBZnRlclZpZXdJbml0KCkge1xuXHRcdHNldFRpbWVvdXQoKCkgPT4ge1xuXHRcdFx0dGhpcy5zaG93TW9kYWwgPSB0cnVlO1xuXHRcdH0sIHRoaXMudGltZXN0YXJ0IHx8IDApO1xuXHR9XG59XG4iLCI8ZGl2IFtoaWRkZW5dPVwiIXNob3dNb2RhbFwiIGNsYXNzPVwibW9kYWxcIiBbbmdDbGFzc109XCJjbGFzcysnICcrc2l6ZVwiIChjbGljayk9XCJvbkNsaWNrT3V0c2lkZSgpO1wiPlxuXHQ8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XCI+XG5cdFx0PGRpdj48IS0tIENvbnRlbnQgV2lsbCBEcm9wIEhlcmUgLS0+PC9kaXY+XG5cdFx0PHNwYW4gY2xhc3M9XCJjbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCIgKm5nSWY9XCJjbG9zYWJsZVwiPiZ0aW1lczs8L3NwYW4+XG5cdDwvZGl2PlxuPC9kaXY+XG4iXX0=
@@ -570,16 +570,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
570
570
  }] } });
571
571
 
572
572
  class ModalComponent {
573
- class = "";
574
- size = "flex";
573
+ class = '';
574
+ size = 'flex';
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\" (click)=\"$event.stopPropagation()\" (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<div class=\"modal-content\" (click)=\"$event.stopPropagation();\">\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\" (click)=\"$event.stopPropagation()\" (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<div class=\"modal-content\" (click)=\"$event.stopPropagation();\">\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 {