@gilluan/ngx-figma
Version:
Angular component to render [Figma live embeds](https://help.figma.com/article/93-figma-live-embed).
55 lines • 3.63 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';
var NgxFigmaComponent = /** @class */ (function () {
function NgxFigmaComponent(sanitizer) {
this.sanitizer = sanitizer;
this.height = '450';
this.width = '800';
}
Object.defineProperty(NgxFigmaComponent.prototype, "src", {
get: /**
* @return {?}
*/
function () {
return this.sanitizer
.bypassSecurityTrustResourceUrl("https://www.figma.com/embed?embed_host=astra&url=" + this.url);
},
enumerable: true,
configurable: true
});
NgxFigmaComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-figma',
template: "\n <iframe\n [height]=\"height\"\n [width]=\"width\"\n [src]=\"src\"\n allowFullScreen>\n </iframe>"
}] }
];
/** @nocollapse */
NgxFigmaComponent.ctorParameters = function () { return [
{ type: DomSanitizer }
]; };
NgxFigmaComponent.propDecorators = {
url: [{ type: Input }],
height: [{ type: Input }],
width: [{ type: Input }]
};
return NgxFigmaComponent;
}());
export { NgxFigmaComponent };
if (false) {
/** @type {?} */
NgxFigmaComponent.prototype.url;
/** @type {?} */
NgxFigmaComponent.prototype.height;
/** @type {?} */
NgxFigmaComponent.prototype.width;
/**
* @type {?}
* @private
*/
NgxFigmaComponent.prototype.sanitizer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZpZ21hLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnaWxsdWFuL25neC1maWdtYS8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtZmlnbWEuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFekQ7SUFzQkUsMkJBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFSbEMsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLFVBQUssR0FBRyxLQUFLLENBQUM7SUFTdkIsQ0FBQztJQVBELHNCQUFJLGtDQUFHOzs7O1FBQVA7WUFDSSxPQUFPLElBQUksQ0FBQyxTQUFTO2lCQUNsQiw4QkFBOEIsQ0FBQyxzREFBb0QsSUFBSSxDQUFDLEdBQUssQ0FBQyxDQUFDO1FBQ3RHLENBQUM7OztPQUFBOztnQkFwQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixRQUFRLEVBQUUsK0hBTUU7aUJBRWI7Ozs7Z0JBWlEsWUFBWTs7O3NCQWVsQixLQUFLO3lCQUNMLEtBQUs7d0JBQ0wsS0FBSzs7SUFXUix3QkFBQztDQUFBLEFBMUJELElBMEJDO1NBZlksaUJBQWlCOzs7SUFFNUIsZ0NBQXFCOztJQUNyQixtQ0FBd0I7O0lBQ3hCLGtDQUF1Qjs7Ozs7SUFPWCxzQ0FBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWZpZ21hJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aWZyYW1lXG4gICAgICBbaGVpZ2h0XT1cImhlaWdodFwiXG4gICAgICBbd2lkdGhdPVwid2lkdGhcIlxuICAgICAgW3NyY109XCJzcmNcIlxuICAgICAgYWxsb3dGdWxsU2NyZWVuPlxuICAgIDwvaWZyYW1lPmAsXG4gIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgTmd4RmlnbWFDb21wb25lbnQgIHtcblxuICBASW5wdXQoKSB1cmw6IHN0cmluZztcbiAgQElucHV0KCkgaGVpZ2h0ID0gJzQ1MCc7XG4gIEBJbnB1dCgpIHdpZHRoID0gJzgwMCc7XG5cbiAgZ2V0IHNyYygpIHtcbiAgICAgIHJldHVybiB0aGlzLnNhbml0aXplclxuICAgICAgICAuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKGBodHRwczovL3d3dy5maWdtYS5jb20vZW1iZWQ/ZW1iZWRfaG9zdD1hc3RyYSZ1cmw9JHt0aGlzLnVybH1gKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcblxuICB9XG5cbn1cbiJdfQ==