@flatfile/angular-sdk
Version:
Flatfile SDK for Angular
53 lines • 8.94 kB
JavaScript
import { Component, effect, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "./space.service";
import * as i2 from "@angular/common";
import * as i3 from "./space-frame/spaceFrame.component";
import * as i4 from "./spinner/spinner.component";
export class Space {
constructor(spaceService) {
this.spaceService = spaceService;
this.openDirectly = false;
this.config = {
resetOnClose: true,
};
this.title = 'Space';
this.loading = false;
this.closeInstance = false;
effect(() => {
this.loading = this.spaceService.loading();
this.spaceFrameProps = this.spaceService.spaceInitialized()
? {
...this.spaceService.spaceInitialized(),
handleCloseInstance: this.handleCloseInstance.bind(this),
}
: undefined;
});
}
async ngOnInit() {
if (!this.spaceProps) {
throw new Error('Please define the space props');
}
this.spaceService.config = this.config;
if (this.openDirectly) {
await this.spaceService.initSpace(this.spaceProps);
}
}
handleCloseInstance() {
this.closeInstance = true;
this.spaceFrameProps = undefined;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Space, deps: [{ token: i1.SpaceService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: Space, selector: "flatfile-space", inputs: { spaceProps: "spaceProps", openDirectly: "openDirectly", config: "config" }, ngImport: i0, template: "<div *ngIf=\"!this.closeInstance\">\n <spinner *ngIf=\"this.loading\" />\n <div *ngIf=\"this.spaceFrameProps !== undefined;else error_content\">\n <space-frame *ngIf=\"this.spaceFrameProps.localAccessToken && !this.loading\" [loading]=\"this.loading\"\n [spaceFrameProps]=\"this.spaceFrameProps\" />\n </div>\n <ng-template #error_content>\n <div *ngIf=\"this.error\" class=\"ff_error_container\">\n <h3 class=\"ff_error_heading\">Something Went Wrong</h3>\n <p class=\"ff_error_text\">\n {{this.error.message}}\n </p>\n </div>\n </ng-template>\n</div>\n", styles: [".flatfile_iframe-wrapper{background-color:#fff;color:#404857;font-family:Proxima Nova,Helvetica,sans-serif;font-size:15px;line-height:1.5}.ff_error_container{display:flex;flex-direction:column;margin:16px}.ff_error_heading{display:flex;margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SpaceFrame, selector: "space-frame", inputs: ["spaceFrameProps", "loading"] }, { kind: "component", type: i4.Spinner, selector: "spinner" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Space, decorators: [{
type: Component,
args: [{ selector: 'flatfile-space', template: "<div *ngIf=\"!this.closeInstance\">\n <spinner *ngIf=\"this.loading\" />\n <div *ngIf=\"this.spaceFrameProps !== undefined;else error_content\">\n <space-frame *ngIf=\"this.spaceFrameProps.localAccessToken && !this.loading\" [loading]=\"this.loading\"\n [spaceFrameProps]=\"this.spaceFrameProps\" />\n </div>\n <ng-template #error_content>\n <div *ngIf=\"this.error\" class=\"ff_error_container\">\n <h3 class=\"ff_error_heading\">Something Went Wrong</h3>\n <p class=\"ff_error_text\">\n {{this.error.message}}\n </p>\n </div>\n </ng-template>\n</div>\n", styles: [".flatfile_iframe-wrapper{background-color:#fff;color:#404857;font-family:Proxima Nova,Helvetica,sans-serif;font-size:15px;line-height:1.5}.ff_error_container{display:flex;flex-direction:column;margin:16px}.ff_error_heading{display:flex;margin-bottom:0}\n"] }]
}], ctorParameters: () => [{ type: i1.SpaceService }], propDecorators: { spaceProps: [{
type: Input
}], openDirectly: [{
type: Input
}], config: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9zZGsvc3BhY2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2xpYi9zZGsvc3BhY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFBOzs7Ozs7QUFVaEUsTUFBTSxPQUFPLEtBQUs7SUFlaEIsWUFBNkIsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFiOUMsaUJBQVksR0FBRyxLQUFLLENBQUE7UUFDcEIsV0FBTSxHQUVYO1lBQ0YsWUFBWSxFQUFFLElBQUk7U0FDbkIsQ0FBQTtRQUVRLFVBQUssR0FBRyxPQUFPLENBQUE7UUFHeEIsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUNmLGtCQUFhLEdBQUcsS0FBSyxDQUFBO1FBR25CLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUE7WUFDMUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixFQUFFO2dCQUN6RCxDQUFDLENBQUU7b0JBQ0MsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixFQUFFO29CQUN2QyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztpQkFDakM7Z0JBQzNCLENBQUMsQ0FBQyxTQUFTLENBQUE7UUFDZixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxLQUFLLENBQUMsUUFBUTtRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLE1BQU0sSUFBSSxLQUFLLENBQUMsK0JBQStCLENBQUMsQ0FBQTtTQUNqRDtRQUNELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUE7UUFDdEMsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLE1BQU0sSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1NBQ25EO0lBQ0gsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQTtRQUN6QixJQUFJLENBQUMsZUFBZSxHQUFHLFNBQVMsQ0FBQTtJQUNsQyxDQUFDOytHQXhDVSxLQUFLO21HQUFMLEtBQUssNElDVmxCLHFsQkFlQTs7NEZETGEsS0FBSztrQkFMakIsU0FBUzsrQkFDRSxnQkFBZ0I7aUZBS2pCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGVmZmVjdCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyB0eXBlIElTcGFjZSB9IGZyb20gJ0BmbGF0ZmlsZS9lbWJlZGRlZC11dGlscydcbmltcG9ydCB7IFNwYWNlRnJhbWVQcm9wc1R5cGUgfSBmcm9tICcuL3NwYWNlLWZyYW1lL3NwYWNlRnJhbWUuY29tcG9uZW50J1xuaW1wb3J0IHsgU3BhY2VTZXJ2aWNlIH0gZnJvbSAnLi9zcGFjZS5zZXJ2aWNlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmbGF0ZmlsZS1zcGFjZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGFjZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwYWNlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNwYWNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc3BhY2VQcm9wcyE6IElTcGFjZVxuICBASW5wdXQoKSBvcGVuRGlyZWN0bHkgPSBmYWxzZVxuICBASW5wdXQoKSBjb25maWc/OiB7XG4gICAgcmVzZXRPbkNsb3NlOiBib29sZWFuXG4gIH0gPSB7XG4gICAgcmVzZXRPbkNsb3NlOiB0cnVlLFxuICB9XG5cbiAgcmVhZG9ubHkgdGl0bGUgPSAnU3BhY2UnXG4gIHNwYWNlRnJhbWVQcm9wcz86IFNwYWNlRnJhbWVQcm9wc1R5cGVcbiAgZXJyb3I/OiB7IG1lc3NhZ2U6IHN0cmluZyB9XG4gIGxvYWRpbmcgPSBmYWxzZVxuICBjbG9zZUluc3RhbmNlID0gZmFsc2VcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHNwYWNlU2VydmljZTogU3BhY2VTZXJ2aWNlKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMubG9hZGluZyA9IHRoaXMuc3BhY2VTZXJ2aWNlLmxvYWRpbmcoKVxuICAgICAgdGhpcy5zcGFjZUZyYW1lUHJvcHMgPSB0aGlzLnNwYWNlU2VydmljZS5zcGFjZUluaXRpYWxpemVkKClcbiAgICAgICAgPyAoe1xuICAgICAgICAgICAgLi4udGhpcy5zcGFjZVNlcnZpY2Uuc3BhY2VJbml0aWFsaXplZCgpLFxuICAgICAgICAgICAgaGFuZGxlQ2xvc2VJbnN0YW5jZTogdGhpcy5oYW5kbGVDbG9zZUluc3RhbmNlLmJpbmQodGhpcyksXG4gICAgICAgICAgfSBhcyBTcGFjZUZyYW1lUHJvcHNUeXBlKVxuICAgICAgICA6IHVuZGVmaW5lZFxuICAgIH0pXG4gIH1cblxuICBhc3luYyBuZ09uSW5pdCgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoIXRoaXMuc3BhY2VQcm9wcykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdQbGVhc2UgZGVmaW5lIHRoZSBzcGFjZSBwcm9wcycpXG4gICAgfVxuICAgIHRoaXMuc3BhY2VTZXJ2aWNlLmNvbmZpZyA9IHRoaXMuY29uZmlnXG4gICAgaWYgKHRoaXMub3BlbkRpcmVjdGx5KSB7XG4gICAgICBhd2FpdCB0aGlzLnNwYWNlU2VydmljZS5pbml0U3BhY2UodGhpcy5zcGFjZVByb3BzKVxuICAgIH1cbiAgfVxuXG4gIGhhbmRsZUNsb3NlSW5zdGFuY2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZUluc3RhbmNlID0gdHJ1ZVxuICAgIHRoaXMuc3BhY2VGcmFtZVByb3BzID0gdW5kZWZpbmVkXG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCIhdGhpcy5jbG9zZUluc3RhbmNlXCI+XG4gIDxzcGlubmVyICpuZ0lmPVwidGhpcy5sb2FkaW5nXCIgLz5cbiAgPGRpdiAqbmdJZj1cInRoaXMuc3BhY2VGcmFtZVByb3BzICE9PSB1bmRlZmluZWQ7ZWxzZSBlcnJvcl9jb250ZW50XCI+XG4gICAgPHNwYWNlLWZyYW1lICpuZ0lmPVwidGhpcy5zcGFjZUZyYW1lUHJvcHMubG9jYWxBY2Nlc3NUb2tlbiAmJiAhdGhpcy5sb2FkaW5nXCIgW2xvYWRpbmddPVwidGhpcy5sb2FkaW5nXCJcbiAgICAgIFtzcGFjZUZyYW1lUHJvcHNdPVwidGhpcy5zcGFjZUZyYW1lUHJvcHNcIiAvPlxuICA8L2Rpdj5cbiAgPG5nLXRlbXBsYXRlICNlcnJvcl9jb250ZW50PlxuICAgIDxkaXYgKm5nSWY9XCJ0aGlzLmVycm9yXCIgY2xhc3M9XCJmZl9lcnJvcl9jb250YWluZXJcIj5cbiAgICAgIDxoMyBjbGFzcz1cImZmX2Vycm9yX2hlYWRpbmdcIj5Tb21ldGhpbmcgV2VudCBXcm9uZzwvaDM+XG4gICAgICA8cCBjbGFzcz1cImZmX2Vycm9yX3RleHRcIj5cbiAgICAgICAge3t0aGlzLmVycm9yLm1lc3NhZ2V9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=