How to use the @hpcc-js/common.HTMLWidget function in @hpcc-js/common

.style("margin-top", "0px")
                .style("margin-left", "4px")
                .style("margin-bottom", "0px")
                .html(function (d) { return hrefPath(d.path, depth); });
            titleDiv.append("a")
                .style("float", "right")
                .style("margin-right", "4px")
                .attr("href", function (d) { return "./playground.html?" + d.path; })
                .text("playground");
            samples.exit().remove();
        };
        __decorate([
            common_1.publish("", "string")
        ], App.prototype, "_default", void 0);
        return App;
    }(common_1.HTMLWidget));
    exports.App = App;
});

.resize()
                    .render();
            }
        };
        DemoWidget.prototype.changed = function (widget) {
        };
        DemoWidget.prototype.debugSystem = function () {
            var keysItr = System.registry.keys();
            var k = keysItr.next();
            while (!k.done) {
                console.log(k.value);
                k = keysItr.next();
            }
        };
        return DemoWidget;
    }(common_1.HTMLWidget));
    exports.DemoWidget = DemoWidget;
});

.style("margin-top", "0px")
                .style("margin-left", "4px")
                .style("margin-bottom", "0px")
                .text(function (d) { return d.name; });
            titleDiv.append("a")
                .style("float", "right")
                .style("margin-right", "4px")
                .attr("href", function (d) { return "./playground.html?" + d.path; })
                .text("playground");
            samples.exit().remove();
        };
        __decorate([
            common_1.publish("", "string")
        ], App.prototype, "_default", void 0);
        return App;
    }(common_1.HTMLWidget));
    exports.App = App;
});
//# sourceMappingURL=gallery.js.map

System.registry.delete(System.normalizeSync("cm_editor_" + _this._errCount++ + "!./plugins/cm.js"));
                });
            }
        };
        DemoWidget.prototype.changed = function (widget) {
        };
        DemoWidget.prototype.debugSystem = function () {
            var keysItr = System.registry.keys();
            var k = keysItr.next();
            while (!k.done) {
                console.log(k.value);
                k = keysItr.next();
            }
        };
        return DemoWidget;
    }(common_1.HTMLWidget));
    exports.DemoWidget = DemoWidget;
});
//# sourceMappingURL=DemoWidget.js.map