@gilluan/ngx-figma
Version:
Angular component to render [Figma live embeds](https://help.figma.com/article/93-figma-live-embed).
73 lines (67 loc) • 1.97 kB
JavaScript
import { DomSanitizer } from '@angular/platform-browser';
import { Component, Input, NgModule } from '@angular/core';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class NgxFigmaComponent {
/**
* @param {?} sanitizer
*/
constructor(sanitizer) {
this.sanitizer = sanitizer;
this.height = '450';
this.width = '800';
}
/**
* @return {?}
*/
get src() {
return this.sanitizer
.bypassSecurityTrustResourceUrl(`https://www.figma.com/embed?embed_host=astra&url=${this.url}`);
}
}
NgxFigmaComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-figma',
template: `
<iframe
[height]="height"
[width]="width"
[src]="src"
allowFullScreen>
</iframe>`
}] }
];
/** @nocollapse */
NgxFigmaComponent.ctorParameters = () => [
{ type: DomSanitizer }
];
NgxFigmaComponent.propDecorators = {
url: [{ type: Input }],
height: [{ type: Input }],
width: [{ type: Input }]
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class NgxFigmaModule {
}
NgxFigmaModule.decorators = [
{ type: NgModule, args: [{
declarations: [NgxFigmaComponent],
imports: [],
exports: [NgxFigmaComponent]
},] }
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { NgxFigmaComponent, NgxFigmaModule };
//# sourceMappingURL=gilluan-ngx-figma.js.map