@gilluan/ngx-figma
Version:
Angular component to render [Figma live embeds](https://help.figma.com/article/93-figma-live-embed).
58 lines • 3.28 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
export 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 }]
};
if (false) {
/** @type {?} */
NgxFigmaComponent.prototype.url;
/** @type {?} */
NgxFigmaComponent.prototype.height;
/** @type {?} */
NgxFigmaComponent.prototype.width;
/**
* @type {?}
* @private
*/
NgxFigmaComponent.prototype.sanitizer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZpZ21hLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnaWxsdWFuL25neC1maWdtYS8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtZmlnbWEuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFhekQsTUFBTSxPQUFPLGlCQUFpQjs7OztJQVc1QixZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBUmxDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixVQUFLLEdBQUcsS0FBSyxDQUFDO0lBU3ZCLENBQUM7Ozs7SUFQRCxJQUFJLEdBQUc7UUFDSCxPQUFPLElBQUksQ0FBQyxTQUFTO2FBQ2xCLDhCQUE4QixDQUFDLG9EQUFvRCxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN0RyxDQUFDOzs7WUFwQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQixRQUFRLEVBQUU7Ozs7OztjQU1FO2FBRWI7Ozs7WUFaUSxZQUFZOzs7a0JBZWxCLEtBQUs7cUJBQ0wsS0FBSztvQkFDTCxLQUFLOzs7O0lBRk4sZ0NBQXFCOztJQUNyQixtQ0FBd0I7O0lBQ3hCLGtDQUF1Qjs7Ozs7SUFPWCxzQ0FBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWZpZ21hJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aWZyYW1lXG4gICAgICBbaGVpZ2h0XT1cImhlaWdodFwiXG4gICAgICBbd2lkdGhdPVwid2lkdGhcIlxuICAgICAgW3NyY109XCJzcmNcIlxuICAgICAgYWxsb3dGdWxsU2NyZWVuPlxuICAgIDwvaWZyYW1lPmAsXG4gIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgTmd4RmlnbWFDb21wb25lbnQgIHtcblxuICBASW5wdXQoKSB1cmw6IHN0cmluZztcbiAgQElucHV0KCkgaGVpZ2h0ID0gJzQ1MCc7XG4gIEBJbnB1dCgpIHdpZHRoID0gJzgwMCc7XG5cbiAgZ2V0IHNyYygpIHtcbiAgICAgIHJldHVybiB0aGlzLnNhbml0aXplclxuICAgICAgICAuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKGBodHRwczovL3d3dy5maWdtYS5jb20vZW1iZWQ/ZW1iZWRfaG9zdD1hc3RyYSZ1cmw9JHt0aGlzLnVybH1gKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcblxuICB9XG5cbn1cbiJdfQ==