@storybook/angular 6.5.0-alpha.27 → 6.5.0-alpha.30

package/dist/ts3.9/client/preview/angular/helpers.js

@@ -1,82 +1,68 @@
 "use strict";
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderNgApp = void 0;
 // @ts-ignore
-var global_1 = __importDefault(require("global"));
-var core_1 = require("@angular/core");
-var forms_1 = require("@angular/forms");
-var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
-var platform_browser_1 = require("@angular/platform-browser");
-var rxjs_1 = require("rxjs");
-var app_component_1 = require("./components/app.component");
-var app_token_1 = require("./app.token");
-var document = global_1.default.document;
-var platform = null;
-var promises = [];
-var storyData = new rxjs_1.ReplaySubject(1);
-var moduleClass = /** @class */ (function () {
-    function DynamicModule() {
-    }
-    return DynamicModule;
-}());
-var componentClass = /** @class */ (function () {
-    function DynamicComponent() {
-    }
-    return DynamicComponent;
-}());
+const global_1 = __importDefault(require("global"));
+const core_1 = require("@angular/core");
+const forms_1 = require("@angular/forms");
+const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
+const platform_browser_1 = require("@angular/platform-browser");
+const rxjs_1 = require("rxjs");
+const app_component_1 = require("./components/app.component");
+const app_token_1 = require("./app.token");
+const { document } = global_1.default;
+let platform = null;
+let promises = [];
+let storyData = new rxjs_1.ReplaySubject(1);
+const moduleClass = class DynamicModule {
+};
+const componentClass = class DynamicComponent {
+};
 function storyDataFactory(data) {
-    return function (ngZone) {
-        return new rxjs_1.Observable(function (subscriber) {
-            var sub = data.subscribe(function (v) {
-                ngZone.run(function () { return subscriber.next(v); });
-            }, function (err) {
-                ngZone.run(function () { return subscriber.error(err); });
-            }, function () {
-                ngZone.run(function () { return subscriber.complete(); });
-            });
-            return function () {
-                sub.unsubscribe();
-            };
+    return (ngZone) => new rxjs_1.Observable((subscriber) => {
+        const sub = data.subscribe((v) => {
+            ngZone.run(() => subscriber.next(v));
+        }, (err) => {
+            ngZone.run(() => subscriber.error(err));
+        }, () => {
+            ngZone.run(() => subscriber.complete());
         });
-    };
+        return () => {
+            sub.unsubscribe();
+        };
+    });
 }
-var getModule = function (declarations, entryComponents, bootstrap, data, moduleMetadata) {
+const getModule = (declarations, entryComponents, bootstrap, data, moduleMetadata) => {
     // Complete last ReplaySubject and create a new one for the current module
     storyData.complete();
     storyData = new rxjs_1.ReplaySubject(1);
     storyData.next(data);
-    var moduleMeta = {
-        declarations: __spreadArrays(declarations, (moduleMetadata.declarations || [])),
-        imports: __spreadArrays([platform_browser_1.BrowserModule, forms_1.FormsModule], (moduleMetadata.imports || [])),
-        providers: __spreadArrays([
-            { provide: app_token_1.STORY, useFactory: storyDataFactory(storyData.asObservable()), deps: [core_1.NgZone] }
-        ], (moduleMetadata.providers || [])),
-        entryComponents: __spreadArrays(entryComponents, (moduleMetadata.entryComponents || [])),
-        schemas: __spreadArrays((moduleMetadata.schemas || [])),
-        bootstrap: __spreadArrays(bootstrap),
+    const moduleMeta = {
+        declarations: [...declarations, ...(moduleMetadata.declarations || [])],
+        imports: [platform_browser_1.BrowserModule, forms_1.FormsModule, ...(moduleMetadata.imports || [])],
+        providers: [
+            { provide: app_token_1.STORY, useFactory: storyDataFactory(storyData.asObservable()), deps: [core_1.NgZone] },
+            ...(moduleMetadata.providers || []),
+        ],
+        entryComponents: [...entryComponents, ...(moduleMetadata.entryComponents || [])],
+        schemas: [...(moduleMetadata.schemas || [])],
+        bootstrap: [...bootstrap],
     };
     return core_1.NgModule(moduleMeta)(moduleClass);
 };
-var createComponentFromTemplate = function (template, styles) {
+const createComponentFromTemplate = (template, styles) => {
     return core_1.Component({
-        template: template,
-        styles: styles,
+        template,
+        styles,
     })(componentClass);
 };
-var extractNgModuleMetadata = function (importItem) {
-    var target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect &&
+const extractNgModuleMetadata = (importItem) => {
+    const target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
+    const decoratorKey = '__annotations__';
+    const decorators = Reflect &&
         Reflect.getOwnPropertyDescriptor &&
         Reflect.getOwnPropertyDescriptor(target, decoratorKey)
         ? Reflect.getOwnPropertyDescriptor(target, decoratorKey).value
@@ -84,22 +70,22 @@ var extractNgModuleMetadata = function (importItem) {
     if (!decorators || decorators.length === 0) {
         return null;
     }
-    var ngModuleDecorator = decorators.find(function (decorator) { return decorator instanceof core_1.NgModule; });
+    const ngModuleDecorator = decorators.find((decorator) => decorator instanceof core_1.NgModule);
     if (!ngModuleDecorator) {
         return null;
     }
     return ngModuleDecorator;
 };
-var getExistenceOfComponentInModules = function (component, declarations, imports) {
-    if (declarations && declarations.some(function (declaration) { return declaration === component; })) {
+const getExistenceOfComponentInModules = (component, declarations, imports) => {
+    if (declarations && declarations.some((declaration) => declaration === component)) {
         // Found component in declarations array
         return true;
     }
     if (!imports) {
         return false;
     }
-    return imports.some(function (importItem) {
-        var extractedNgModuleMetadata = extractNgModuleMetadata(importItem);
+    return imports.some((importItem) => {
+        const extractedNgModuleMetadata = extractNgModuleMetadata(importItem);
         if (!extractedNgModuleMetadata) {
             // Not an NgModule
             return false;
@@ -107,31 +93,31 @@ var getExistenceOfComponentInModules = function (component, declarations, import
         return getExistenceOfComponentInModules(component, extractedNgModuleMetadata.declarations, extractedNgModuleMetadata.imports);
     });
 };
-var initModule = function (storyFn) {
-    var storyObj = storyFn();
-    var component = storyObj.component, template = storyObj.template, props = storyObj.props, styles = storyObj.styles, _a = storyObj.moduleMetadata, moduleMetadata = _a === void 0 ? {} : _a;
-    var isCreatingComponentFromTemplate = Boolean(template);
-    var AnnotatedComponent = isCreatingComponentFromTemplate
+const initModule = (storyFn) => {
+    const storyObj = storyFn();
+    const { component, template, props, styles, moduleMetadata = {} } = storyObj;
+    const isCreatingComponentFromTemplate = Boolean(template);
+    const AnnotatedComponent = isCreatingComponentFromTemplate
         ? createComponentFromTemplate(template, styles)
         : component;
-    var componentRequiresDeclaration = isCreatingComponentFromTemplate ||
+    const componentRequiresDeclaration = isCreatingComponentFromTemplate ||
         !getExistenceOfComponentInModules(component, moduleMetadata.declarations, moduleMetadata.imports);
-    var componentDeclarations = componentRequiresDeclaration
+    const componentDeclarations = componentRequiresDeclaration
         ? [app_component_1.AppComponent, AnnotatedComponent]
         : [app_component_1.AppComponent];
-    var story = {
+    const story = {
         component: AnnotatedComponent,
-        props: props,
+        props,
     };
     return getModule(componentDeclarations, [AnnotatedComponent], [app_component_1.AppComponent], story, moduleMetadata);
 };
-var staticRoot = document.getElementById('root');
-var insertDynamicRoot = function () {
-    var app = document.createElement('storybook-dynamic-app-root');
+const staticRoot = document.getElementById('root');
+const insertDynamicRoot = () => {
+    const app = document.createElement('storybook-dynamic-app-root');
     staticRoot.innerHTML = '';
     staticRoot.appendChild(app);
 };
-var draw = function (newModule) {
+const draw = (newModule) => {
     if (!platform) {
         insertDynamicRoot();
         // eslint-disable-next-line no-undef
@@ -147,15 +133,15 @@ var draw = function (newModule) {
         promises.push(platform.bootstrapModule(newModule));
     }
     else {
-        Promise.all(promises).then(function (modules) {
-            modules.forEach(function (mod) { return mod.destroy(); });
+        Promise.all(promises).then((modules) => {
+            modules.forEach((mod) => mod.destroy());
             insertDynamicRoot();
             promises = [];
             promises.push(platform.bootstrapModule(newModule));
         });
     }
 };
-exports.renderNgApp = function (storyFn, forced) {
+exports.renderNgApp = (storyFn, forced) => {
     if (!forced) {
         draw(initModule(storyFn));
     }

package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.js

@@ -27,51 +27,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbstractRenderer = void 0;
 /* eslint-disable no-undef */
-var core_1 = require("@angular/core");
-var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
-var rxjs_1 = require("rxjs");
-var telejson_1 = require("telejson");
-var StorybookModule_1 = require("./StorybookModule");
+const core_1 = require("@angular/core");
+const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
+const rxjs_1 = require("rxjs");
+const telejson_1 = require("telejson");
+const StorybookModule_1 = require("./StorybookModule");
 // platform must be init only if render is called at least once
-var platformRef;
+let platformRef;
 function getPlatform(newPlatform) {
     if (!platformRef || newPlatform) {
         platformRef = platform_browser_dynamic_1.platformBrowserDynamic();
     }
     return platformRef;
 }
-var AbstractRenderer = /** @class */ (function () {
-    function AbstractRenderer(storyId) {
+class AbstractRenderer {
+    constructor(storyId) {
         this.storyId = storyId;
         if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
             try {
@@ -87,26 +60,22 @@ var AbstractRenderer = /** @class */ (function () {
     /**
      * Wait and destroy the platform
      */
-    AbstractRenderer.resetPlatformBrowserDynamic = function () {
-        var _this = this;
-        return new Promise(function (resolve) {
+    static resetPlatformBrowserDynamic() {
+        return new Promise((resolve) => {
             if (platformRef && !platformRef.destroyed) {
-                platformRef.onDestroy(function () { return __awaiter(_this, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        resolve();
-                        return [2 /*return*/];
-                    });
-                }); });
+                platformRef.onDestroy(() => __awaiter(this, void 0, void 0, function* () {
+                    resolve();
+                }));
                 // Destroys the current Angular platform and all Angular applications on the page.
                 // So call each angular ngOnDestroy and avoid memory leaks
                 platformRef.destroy();
                 return;
             }
             resolve();
-        }).then(function () {
+        }).then(() => {
             getPlatform(true);
         });
-    };
+    }
     /**
      * Bootstrap main angular module with main component or send only new `props` with storyProps$
      *
@@ -117,45 +86,31 @@ var AbstractRenderer = /** @class */ (function () {
      * @param component {Component}
      * @param parameters {Parameters}
      */
-    AbstractRenderer.prototype.render = function (_a) {
-        var _b;
-        var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, component = _a.component, targetDOMNode = _a.targetDOMNode;
-        return __awaiter(this, void 0, void 0, function () {
-            var targetSelector, newStoryProps$, moduleMetadata;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        targetSelector = "" + this.generateTargetSelectorFromStoryId();
-                        newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
-                        moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: targetSelector }, newStoryProps$);
-                        if (!this.fullRendererRequired({
-                            storyFnAngular: storyFnAngular,
-                            moduleMetadata: moduleMetadata,
-                            forced: forced,
-                        })) {
-                            this.storyProps$.next(storyFnAngular.props);
-                            return [2 /*return*/];
-                        }
-                        return [4 /*yield*/, this.beforeFullRender()];
-                    case 1:
-                        _c.sent();
-                        // Complete last BehaviorSubject and set a new one for the current module
-                        if (this.storyProps$) {
-                            this.storyProps$.complete();
-                        }
-                        this.storyProps$ = newStoryProps$;
-                        this.initAngularRootElement(targetDOMNode, targetSelector);
-                        return [4 /*yield*/, getPlatform().bootstrapModule(StorybookModule_1.createStorybookModule(moduleMetadata), (_b = parameters.bootstrapModuleOptions) !== null && _b !== void 0 ? _b : undefined)];
-                    case 2:
-                        _c.sent();
-                        return [4 /*yield*/, this.afterFullRender()];
-                    case 3:
-                        _c.sent();
-                        return [2 /*return*/];
-                }
-            });
+    render({ storyFnAngular, forced, parameters, component, targetDOMNode, }) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const targetSelector = `${this.generateTargetSelectorFromStoryId()}`;
+            const newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
+            const moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular, component, targetSelector }, newStoryProps$);
+            if (!this.fullRendererRequired({
+                storyFnAngular,
+                moduleMetadata,
+                forced,
+            })) {
+                this.storyProps$.next(storyFnAngular.props);
+                return;
+            }
+            yield this.beforeFullRender();
+            // Complete last BehaviorSubject and set a new one for the current module
+            if (this.storyProps$) {
+                this.storyProps$.complete();
+            }
+            this.storyProps$ = newStoryProps$;
+            this.initAngularRootElement(targetDOMNode, targetSelector);
+            yield getPlatform().bootstrapModule(StorybookModule_1.createStorybookModule(moduleMetadata), (_a = parameters.bootstrapModuleOptions) !== null && _a !== void 0 ? _a : undefined);
+            yield this.afterFullRender();
         });
-    };
+    }
     /**
      * Only ASCII alphanumerics can be used as HTML tag name.
      * https://html.spec.whatwg.org/#elements-2
@@ -168,25 +123,24 @@ var AbstractRenderer = /** @class */ (function () {
      * @protected
      * @memberof AbstractRenderer
      */
-    AbstractRenderer.prototype.generateTargetSelectorFromStoryId = function () {
-        var invalidHtmlTag = /[^A-Za-z0-9-]/g;
-        var storyIdIsInvalidHtmlTagName = invalidHtmlTag.test(this.storyId);
+    generateTargetSelectorFromStoryId() {
+        const invalidHtmlTag = /[^A-Za-z0-9-]/g;
+        const storyIdIsInvalidHtmlTagName = invalidHtmlTag.test(this.storyId);
         return storyIdIsInvalidHtmlTagName
-            ? "sb-" + this.storyId.replace(invalidHtmlTag, '') + "-component"
+            ? `sb-${this.storyId.replace(invalidHtmlTag, '')}-component`
             : this.storyId;
-    };
-    AbstractRenderer.prototype.initAngularRootElement = function (targetDOMNode, targetSelector) {
+    }
+    initAngularRootElement(targetDOMNode, targetSelector) {
         // Adds DOM element that angular will use as bootstrap component
         // eslint-disable-next-line no-param-reassign
         targetDOMNode.innerHTML = '';
         targetDOMNode.appendChild(document.createElement(targetSelector));
-    };
-    AbstractRenderer.prototype.fullRendererRequired = function (_a) {
-        var _b;
-        var storyFnAngular = _a.storyFnAngular, moduleMetadata = _a.moduleMetadata, forced = _a.forced;
-        var previousStoryRenderInfo = this.previousStoryRenderInfo;
-        var currentStoryRender = {
-            storyFnAngular: storyFnAngular,
+    }
+    fullRendererRequired({ storyFnAngular, moduleMetadata, forced, }) {
+        var _a;
+        const { previousStoryRenderInfo } = this;
+        const currentStoryRender = {
+            storyFnAngular,
             moduleMetadataSnapshot: telejson_1.stringify(moduleMetadata),
         };
         this.previousStoryRenderInfo = currentStoryRender;
@@ -198,37 +152,35 @@ var AbstractRenderer = /** @class */ (function () {
             return true;
         }
         // force the rendering if the template has changed
-        var hasChangedTemplate = !!(storyFnAngular === null || storyFnAngular === void 0 ? void 0 : storyFnAngular.template) &&
-            ((_b = previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.storyFnAngular) === null || _b === void 0 ? void 0 : _b.template) !== storyFnAngular.template;
+        const hasChangedTemplate = !!(storyFnAngular === null || storyFnAngular === void 0 ? void 0 : storyFnAngular.template) &&
+            ((_a = previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.storyFnAngular) === null || _a === void 0 ? void 0 : _a.template) !== storyFnAngular.template;
         if (hasChangedTemplate) {
             return true;
         }
         // force the rendering if the metadata structure has changed
-        var hasChangedModuleMetadata = currentStoryRender.moduleMetadataSnapshot !== (previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.moduleMetadataSnapshot);
+        const hasChangedModuleMetadata = currentStoryRender.moduleMetadataSnapshot !== (previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.moduleMetadataSnapshot);
         return hasChangedModuleMetadata;
-    };
-    /**
-     * Reset compiled components because we often want to compile the same component with
-     * more than one NgModule.
-     */
-    AbstractRenderer.resetCompiledComponents = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var ɵresetCompiledComponents, e_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('@angular/core')); })];
-                case 1:
-                    ɵresetCompiledComponents = (_a.sent()).ɵresetCompiledComponents;
-                    ɵresetCompiledComponents();
-                    return [3 /*break*/, 3];
-                case 2:
-                    e_1 = _a.sent();
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    return AbstractRenderer;
-}());
+    }
+}
 exports.AbstractRenderer = AbstractRenderer;
+/**
+ * Reset compiled components because we often want to compile the same component with
+ * more than one NgModule.
+ */
+AbstractRenderer.resetCompiledComponents = () => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        // Clear global Angular component cache in order to be able to re-render the same component across multiple stories
+        //
+        // References:
+        // https://github.com/angular/angular-cli/blob/master/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts#L50
+        // https://github.com/angular/angular/blob/2ebe2bcb2fe19bf672316b05f15241fd7fd40803/packages/core/src/render3/jit/module.ts#L377-L384
+        const { ɵresetCompiledComponents } = yield Promise.resolve().then(() => __importStar(require('@angular/core')));
+        ɵresetCompiledComponents();
+    }
+    catch (e) {
+        /**
+         * noop catch
+         * This means angular removed or modified ɵresetCompiledComponents
+         */
+    }
+});

package/dist/ts3.9/client/preview/angular-beta/CanvasRenderer.js

@@ -1,17 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -21,77 +8,27 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CanvasRenderer = void 0;
-var AbstractRenderer_1 = require("./AbstractRenderer");
-var CanvasRenderer = /** @class */ (function (_super) {
-    __extends(CanvasRenderer, _super);
-    function CanvasRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CanvasRenderer.prototype.render = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, _super.prototype.render.call(this, options)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
+const AbstractRenderer_1 = require("./AbstractRenderer");
+class CanvasRenderer extends AbstractRenderer_1.AbstractRenderer {
+    render(options) {
+        const _super = Object.create(null, {
+            render: { get: () => super.render }
         });
-    };
-    CanvasRenderer.prototype.beforeFullRender = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, CanvasRenderer.resetPlatformBrowserDynamic()];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.render.call(this, options);
         });
-    };
-    CanvasRenderer.prototype.afterFullRender = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, AbstractRenderer_1.AbstractRenderer.resetCompiledComponents()];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
+    }
+    beforeFullRender() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield CanvasRenderer.resetPlatformBrowserDynamic();
         });
-    };
-    return CanvasRenderer;
-}(AbstractRenderer_1.AbstractRenderer));
+    }
+    afterFullRender() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield AbstractRenderer_1.AbstractRenderer.resetCompiledComponents();
+        });
+    }
+}
 exports.CanvasRenderer = CanvasRenderer;