@0xsticks/web3modal-angular-sticks
Version:
Web3Modal implementation for Angular
31 lines • 5.37 kB
JavaScript
import { Component, EventEmitter, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
export class Modal {
constructor() {
this.allowClose = true;
this.hidden = true;
this.closed = new EventEmitter();
}
set _hidden(value) {
this.hidden = value;
}
set open(value) {
this.hidden = !value;
}
close(event) {
if (!this.allowClose)
return;
this.hidden = !this.hidden;
this.closed.next(true);
event.stopPropagation();
}
}
Modal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: Modal, deps: [], target: i0.ɵɵFactoryTarget.Component });
Modal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: Modal, selector: "m-modal", inputs: { open: "open", allowClose: "allowClose" }, outputs: { closed: "closed" }, host: { properties: { "hidden": "hidden" } }, ngImport: i0, template: "<div class=\"m-modal-bg\" (click)=\"close($event)\"></div>\n<div class=\"m-modal-container\">\n <ng-content></ng-content>\n</div>", styles: ["m-modal .m-modal-bg{width:100%;height:100%;top:0;left:0;position:fixed;cursor:pointer;z-index:99999991;background-color:#000c}m-modal .m-modal-container{position:fixed;margin:auto;z-index:99999995;width:800px;max-width:100%;left:50%;top:50%;max-height:98vh;display:block;box-sizing:border-box;transform:translate(-50%,-50%);padding:32px;outline:0;border-radius:6px;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:Roboto,sans-serif}m-modal{position:relative;top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:overlay;overflow:scroll}\n"], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: Modal, decorators: [{
type: Component,
args: [{ selector: 'm-modal', host: {
'[hidden]': 'hidden',
}, inputs: ['open', 'allowClose'], outputs: ['closed'], encapsulation: ViewEncapsulation.None, template: "<div class=\"m-modal-bg\" (click)=\"close($event)\"></div>\n<div class=\"m-modal-container\">\n <ng-content></ng-content>\n</div>", styles: ["m-modal .m-modal-bg{width:100%;height:100%;top:0;left:0;position:fixed;cursor:pointer;z-index:99999991;background-color:#000c}m-modal .m-modal-container{position:fixed;margin:auto;z-index:99999995;width:800px;max-width:100%;left:50%;top:50%;max-height:98vh;display:block;box-sizing:border-box;transform:translate(-50%,-50%);padding:32px;outline:0;border-radius:6px;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:Roboto,sans-serif}m-modal{position:relative;top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:overlay;overflow:scroll}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2ViM21vZGFsL3NyYy9saWIvbW9kYWwvbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2ViM21vZGFsL3NyYy9saWIvbW9kYWwvbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBYTNFLE1BQU0sT0FBTyxLQUFLO0lBWGxCO1FBWUUsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixXQUFNLEdBQVksSUFBSSxDQUFDO1FBQ3ZCLFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWlCaEQ7SUFmQyxJQUFJLE9BQU8sQ0FBQyxLQUFjO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFJLElBQUksQ0FBQyxLQUFjO1FBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFLO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTztRQUU3QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7a0dBbkJVLEtBQUs7c0ZBQUwsS0FBSyxnTENibEIsb0lBR007MkZEVU8sS0FBSztrQkFYakIsU0FBUzsrQkFDRSxTQUFTLFFBQ2I7d0JBQ0osVUFBVSxFQUFFLFFBQVE7cUJBQ3JCLFVBQ08sQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLFdBQ3JCLENBQUMsUUFBUSxDQUFDLGlCQUVKLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbS1tb2RhbCcsXG4gIGhvc3Q6IHtcbiAgICAnW2hpZGRlbl0nOiAnaGlkZGVuJyxcbiAgfSxcbiAgaW5wdXRzOiBbJ29wZW4nLCAnYWxsb3dDbG9zZSddLFxuICBvdXRwdXRzOiBbJ2Nsb3NlZCddLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbCB7XG4gIGFsbG93Q2xvc2U6IGJvb2xlYW4gPSB0cnVlO1xuICBoaWRkZW46IGJvb2xlYW4gPSB0cnVlO1xuICBjbG9zZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHNldCBfaGlkZGVuKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5oaWRkZW4gPSB2YWx1ZTtcbiAgfVxuXG4gIHNldCBvcGVuKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5oaWRkZW4gPSAhdmFsdWU7XG4gIH1cblxuICBjbG9zZShldmVudCkge1xuICAgIGlmICghdGhpcy5hbGxvd0Nsb3NlKSByZXR1cm47XG5cbiAgICB0aGlzLmhpZGRlbiA9ICF0aGlzLmhpZGRlbjtcbiAgICB0aGlzLmNsb3NlZC5uZXh0KHRydWUpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibS1tb2RhbC1iZ1wiIChjbGljayk9XCJjbG9zZSgkZXZlbnQpXCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwibS1tb2RhbC1jb250YWluZXJcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19