@flatfile/angular-sdk
Version:
Flatfile SDK for Angular
19 lines • 8.48 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class SpaceCloseModal {
constructor() {
this.title = 'space-close-modal';
this.spaceCloseModalProps = {};
}
ngOnInit() { }
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpaceCloseModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpaceCloseModal, selector: "space-close-modal", inputs: { spaceCloseModalProps: "spaceCloseModalProps" }, ngImport: i0, template: "<div\ndata-testid=\"close-confirm-modal\"\nclass=\"flatfile_outer-shell\"\n>\n <div class=\"flatfile_inner-shell\">\n <div class=\"flatfile_modal\">\n <div class=\"flatfile_modal-heading\">\n {{this.spaceCloseModalProps.exitTitle || \"Close Window\"}}\n </div>\n \n <div class=\"flatfile_modal-text\">\n {{this.spaceCloseModalProps.exitText || \"Are you sure you want to exit? Any unsaved changes will be lost.\"}}\n </div>\n\n <div class=\"flatfile_button-group\">\n <button\n class=\"flatfile_button flatfile_secondary\"\n (click)=\"this.spaceCloseModalProps.onCancel()\"\n >\n <div>\n {{ this.spaceCloseModalProps.exitSecondaryButtonText || \"Cancel\" }}\n </div>\n </button>\n\n <button\n class=\"flatfile_button flatfile_primary\"\n (click)=\"this.spaceCloseModalProps.onConfirm()\"\n >\n <div>\n {{ this.spaceCloseModalProps.exitPrimaryButtonText || \"Confirm\" }}\n </div>\n </button>\n\n </div>\n </div>\n </div>\n</div>", styles: [".flatfile_outer-shell{background-color:#0003;border-radius:5px;top:0;left:0;width:calc(100% - 40px);height:calc(100vh - 40px);padding:20px;display:block;overflow-y:auto;position:fixed;tab-size:4;z-index:1200}.flatfile_inner-shell{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100%;padding:0;tab-size:4;text-align:left}.flatfile_modal{box-sizing:border-box;display:block;padding:1.5em;tab-size:4;text-align:left;background:#fff;min-width:500px;max-width:500px;border-radius:4px}.flatfile_modal-heading{font-size:1.225em;font-weight:600;margin-bottom:.4em;color:#090b2b}.flatfile_modal-text{font-size:14px;line-height:1.25em;margin-bottom:2em;color:#616a7d}.flatfile_button-group{display:flex;justify-content:flex-end}.flatfile_button{border:0;border-radius:1px;margin-left:15px;padding:8px 12px;cursor:pointer}.flatfile_primary{border:1px solid #4c48ef;background-color:#4c48ef;color:#fff}.flatfile_secondary{color:#616a7d}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpaceCloseModal, decorators: [{
type: Component,
args: [{ selector: 'space-close-modal', template: "<div\ndata-testid=\"close-confirm-modal\"\nclass=\"flatfile_outer-shell\"\n>\n <div class=\"flatfile_inner-shell\">\n <div class=\"flatfile_modal\">\n <div class=\"flatfile_modal-heading\">\n {{this.spaceCloseModalProps.exitTitle || \"Close Window\"}}\n </div>\n \n <div class=\"flatfile_modal-text\">\n {{this.spaceCloseModalProps.exitText || \"Are you sure you want to exit? Any unsaved changes will be lost.\"}}\n </div>\n\n <div class=\"flatfile_button-group\">\n <button\n class=\"flatfile_button flatfile_secondary\"\n (click)=\"this.spaceCloseModalProps.onCancel()\"\n >\n <div>\n {{ this.spaceCloseModalProps.exitSecondaryButtonText || \"Cancel\" }}\n </div>\n </button>\n\n <button\n class=\"flatfile_button flatfile_primary\"\n (click)=\"this.spaceCloseModalProps.onConfirm()\"\n >\n <div>\n {{ this.spaceCloseModalProps.exitPrimaryButtonText || \"Confirm\" }}\n </div>\n </button>\n\n </div>\n </div>\n </div>\n</div>", styles: [".flatfile_outer-shell{background-color:#0003;border-radius:5px;top:0;left:0;width:calc(100% - 40px);height:calc(100vh - 40px);padding:20px;display:block;overflow-y:auto;position:fixed;tab-size:4;z-index:1200}.flatfile_inner-shell{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100%;padding:0;tab-size:4;text-align:left}.flatfile_modal{box-sizing:border-box;display:block;padding:1.5em;tab-size:4;text-align:left;background:#fff;min-width:500px;max-width:500px;border-radius:4px}.flatfile_modal-heading{font-size:1.225em;font-weight:600;margin-bottom:.4em;color:#090b2b}.flatfile_modal-text{font-size:14px;line-height:1.25em;margin-bottom:2em;color:#616a7d}.flatfile_button-group{display:flex;justify-content:flex-end}.flatfile_button{border:0;border-radius:1px;margin-left:15px;padding:8px 12px;cursor:pointer}.flatfile_primary{border:1px solid #4c48ef;background-color:#4c48ef;color:#fff}.flatfile_secondary{color:#616a7d}\n"] }]
}], propDecorators: { spaceCloseModalProps: [{
type: Input,
args: [{ required: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2VDbG9zZU1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2RrL3NwYWNlLWNsb3NlLW1vZGFsL3NwYWNlQ2xvc2VNb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3Nkay9zcGFjZS1jbG9zZS1tb2RhbC9zcGFjZUNsb3NlTW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUE7O0FBZ0J4RCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1FLFVBQUssR0FBRyxtQkFBbUIsQ0FBQTtRQUVBLHlCQUFvQixHQUM3QyxFQUE4QixDQUFBO0tBRWpDO0lBREMsUUFBUSxLQUFVLENBQUM7K0dBTFIsZUFBZTttR0FBZixlQUFlLG1IQ2hCNUIsbW1DQW9DTTs7NEZEcEJPLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsbUJBQW1COzhCQU9GLG9CQUFvQjtzQkFBOUMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5leHBvcnQgdHlwZSBTcGFjZUNsb3NlTW9kYWxQcm9wc1R5cGUgPSB7XG4gIG9uQ29uZmlybTogKCkgPT4gdm9pZFxuICBvbkNhbmNlbDogKCkgPT4gdm9pZFxuICBleGl0VGV4dDogc3RyaW5nIHwgdW5kZWZpbmVkXG4gIGV4aXRUaXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkXG4gIGV4aXRQcmltYXJ5QnV0dG9uVGV4dDogc3RyaW5nIHwgdW5kZWZpbmVkXG4gIGV4aXRTZWNvbmRhcnlCdXR0b25UZXh0OiBzdHJpbmcgfCB1bmRlZmluZWRcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3BhY2UtY2xvc2UtbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3BhY2VDbG9zZU1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3BhY2VDbG9zZU1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNwYWNlQ2xvc2VNb2RhbCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHRpdGxlID0gJ3NwYWNlLWNsb3NlLW1vZGFsJ1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNwYWNlQ2xvc2VNb2RhbFByb3BzOiBTcGFjZUNsb3NlTW9kYWxQcm9wc1R5cGUgPVxuICAgIHt9IGFzIFNwYWNlQ2xvc2VNb2RhbFByb3BzVHlwZVxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iLCI8ZGl2XG5kYXRhLXRlc3RpZD1cImNsb3NlLWNvbmZpcm0tbW9kYWxcIlxuY2xhc3M9XCJmbGF0ZmlsZV9vdXRlci1zaGVsbFwiXG4+XG4gIDxkaXYgY2xhc3M9XCJmbGF0ZmlsZV9pbm5lci1zaGVsbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGF0ZmlsZV9tb2RhbFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZsYXRmaWxlX21vZGFsLWhlYWRpbmdcIj5cbiAgICAgICAge3t0aGlzLnNwYWNlQ2xvc2VNb2RhbFByb3BzLmV4aXRUaXRsZSB8fCBcIkNsb3NlIFdpbmRvd1wifX1cbiAgICAgIDwvZGl2PlxuICAgICAgXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxhdGZpbGVfbW9kYWwtdGV4dFwiPlxuICAgICAgICB7e3RoaXMuc3BhY2VDbG9zZU1vZGFsUHJvcHMuZXhpdFRleHQgfHwgXCJBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gZXhpdD8gQW55IHVuc2F2ZWQgY2hhbmdlcyB3aWxsIGJlIGxvc3QuXCJ9fVxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGF0ZmlsZV9idXR0b24tZ3JvdXBcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwiZmxhdGZpbGVfYnV0dG9uIGZsYXRmaWxlX3NlY29uZGFyeVwiXG4gICAgICAgICAgKGNsaWNrKT1cInRoaXMuc3BhY2VDbG9zZU1vZGFsUHJvcHMub25DYW5jZWwoKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAge3sgdGhpcy5zcGFjZUNsb3NlTW9kYWxQcm9wcy5leGl0U2Vjb25kYXJ5QnV0dG9uVGV4dCB8fCBcIkNhbmNlbFwiIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cImZsYXRmaWxlX2J1dHRvbiBmbGF0ZmlsZV9wcmltYXJ5XCJcbiAgICAgICAgICAoY2xpY2spPVwidGhpcy5zcGFjZUNsb3NlTW9kYWxQcm9wcy5vbkNvbmZpcm0oKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAge3sgdGhpcy5zcGFjZUNsb3NlTW9kYWxQcm9wcy5leGl0UHJpbWFyeUJ1dHRvblRleHQgfHwgXCJDb25maXJtXCIgfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==