@holoviz/panel 1.0.0-b.3 → 1.0.0-b.4

package/dist/bundled/bootstraptemplate/bootstrap.css

@@ -83,6 +83,7 @@ a.navbar-brand {
 
 #header-items {
     display: block;
+    flex-grow: 1;
     margin-left: 15px;
     overflow: hidden;
     white-space: nowrap;

package/dist/bundled/notificationarea/panel/1.0.0-b.4/dist/bundled/font-awesome/css/all.min.css

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>1E57Z8QZQXCDGEJ3</RequestId><HostId>pIAobLrgI6xWVcfo1RWsRS0ITBHmMrMtZ4UcAMYXtcieXC4UDa32DbzPiNEnqJC2Z6r0lwW8MdY=</HostId></Error>

package/dist/bundled/panel/1.0.0-b.4/dist/bundled/bootstrap5/css/bootstrap.min.css

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>RVH8TFQVH5AYJ2B4</RequestId><HostId>O50/r0TEqJONrHIowswGHTUytytpO7lL4xZf1KsO89DWsGemnKldVO0MrDczXdTlYXwwmsW1RfY=</HostId></Error>

package/dist/bundled/panel/1.0.0-b.4/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>JFEBJ9W1WN57GAH8</RequestId><HostId>THZj03AhyhXq5n80SNYoc+mlCW8tGWxDU88g+4rn/e+lTw8t3wSxFzQuX468/CSu+C/38eOsu8E=</HostId></Error>

package/dist/bundled/panel/1.0.0-b.4/dist/bundled/font-awesome/css/all.min.css

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>1E54HAWRMVDY2XVN</RequestId><HostId>/G7HVLoIwzGnQfox4EFNLAwQHKD+tpG/tqTNcVctqeqBpt7jRdpPJ0PV1D0UBrTsVTHsSgqHRrI=</HostId></Error>

package/dist/bundled/panel/1.0.0-b.4/dist/bundled/jquery/jquery.slim.min.js

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>RVH4XZQQR8ME5KNF</RequestId><HostId>FFKACZuzLwBZTbOwk4arAoiXxP+5SCExoL/NZ/xDfSFEbjP9bcrjWF3r5OuqDw8nyhsu9GnXrXU=</HostId></Error>

package/dist/bundled/plotlyplot/panel/1.0.0-b.4/dist/bundled/jquery/jquery.slim.min.js

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>AESQZ50KCWZQE5NP</RequestId><HostId>tlz3P0Dq1lD+YuEGK3ZhA6+9hTsBJfBXxAGlTSZC59ponPauamTOKEaXENfHxZnDN91c/xWGpwY=</HostId></Error>

package/dist/lib/models/index.d.ts

@@ -31,4 +31,5 @@ export { TrendIndicator } from "./trend";
 export { VegaPlot } from "./vega";
 export { Video } from "./video";
 export { VideoStream } from "./videostream";
+export { VizzuChart } from "./vizzu";
 export * from "./vtk";

package/dist/lib/models/index.js

@@ -31,5 +31,6 @@ export { TrendIndicator } from "./trend";
 export { VegaPlot } from "./vega";
 export { Video } from "./video";
 export { VideoStream } from "./videostream";
+export { VizzuChart } from "./vizzu";
 export * from "./vtk";
 //# sourceMappingURL=index.js.map

package/dist/lib/models/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,cAAc,OAAO,CAAA"}

package/dist/lib/models/vizzu.d.ts

@@ -0,0 +1,43 @@
+import * as p from "@bokehjs/core/properties";
+import { ColumnDataSource } from "@bokehjs/models/sources/column_data_source";
+import { ModelEvent } from "@bokehjs/core/bokeh_events";
+import { Attrs } from "@bokehjs/core/types";
+import { HTMLBox, HTMLBoxView } from "./layout";
+export declare class VizzuEvent extends ModelEvent {
+    readonly data: any;
+    event_name: string;
+    publish: boolean;
+    constructor(data: any);
+    protected get event_values(): Attrs;
+}
+export declare class VizzuChartView extends HTMLBoxView {
+    container: HTMLDivElement;
+    model: VizzuChart;
+    update: string[];
+    vizzu_view: any;
+    _animating: boolean;
+    connect_signals(): void;
+    get valid_config(): boolean;
+    private config;
+    private data;
+    render(): void;
+    remove(): void;
+}
+export declare namespace VizzuChart {
+    type Attrs = p.AttrsOf<Props>;
+    type Props = HTMLBox.Props & {
+        animation: p.Property<any>;
+        config: p.Property<any>;
+        columns: p.Property<any>;
+        source: p.Property<ColumnDataSource>;
+        duration: p.Property<number>;
+        style: p.Property<any>;
+    };
+}
+export interface VizzuChart extends VizzuChart.Attrs {
+}
+export declare class VizzuChart extends HTMLBox {
+    properties: VizzuChart.Props;
+    constructor(attrs?: Partial<VizzuChart.Attrs>);
+    static __module__: string;
+}

package/dist/lib/models/vizzu.js

@@ -0,0 +1,161 @@
+var _a;
+import { div } from "@bokehjs/core/dom";
+import { isArray, isObject } from "@bokehjs/core/util/types";
+import { ColumnDataSource } from "@bokehjs/models/sources/column_data_source";
+import { ModelEvent } from "@bokehjs/core/bokeh_events";
+import { debounce } from "debounce";
+import { HTMLBox, HTMLBoxView } from "./layout";
+export class VizzuEvent extends ModelEvent {
+    constructor(data) {
+        super();
+        this.data = data;
+        this.event_name = "vizzu_event";
+        this.publish = true;
+    }
+    get event_values() {
+        return { model: this.origin, data: this.data };
+    }
+}
+VizzuEvent.__name__ = "VizzuEvent";
+const VECTORIZED_PROPERTIES = ['x', 'y', 'color', 'label', 'lightness', 'size', 'splittedBy', 'dividedBy'];
+export class VizzuChartView extends HTMLBoxView {
+    constructor() {
+        super(...arguments);
+        this.update = [];
+        this._animating = false;
+    }
+    connect_signals() {
+        super.connect_signals();
+        const update = debounce(() => {
+            if (!this.valid_config) {
+                console.warn('Vizzu config not valid given current data.');
+                return;
+            }
+            else if (!this.update.length || this._animating)
+                return;
+            else {
+                let change = {};
+                for (const prop of this.update) {
+                    if (prop === 'config')
+                        change = { ...change, config: this.config() };
+                    else if (prop === 'data')
+                        change = { ...change, data: this.data() };
+                    else
+                        change = { ...change, style: this.model.style };
+                }
+                if (this.update.includes('data') && this.update.length === 1) {
+                    this.render();
+                    return;
+                }
+                this._animating = true;
+                this.vizzu_view.animate(change, this.model.duration + 'ms').then(() => {
+                    this._animating = false;
+                    if (this.update.length)
+                        update();
+                });
+                this.update = [];
+            }
+        }, 20);
+        const update_prop = (prop) => {
+            if (!this.update.includes(prop))
+                this.update.push(prop);
+            update();
+        };
+        this.connect(this.model.properties.config.change, () => update_prop('config'));
+        this.connect(this.model.source.properties.data.change, () => update_prop('data'));
+        this.connect(this.model.source.streaming, () => update_prop('data'));
+        this.connect(this.model.source.patching, () => update_prop('data'));
+        this.connect(this.model.properties.style.change, () => update_prop('style'));
+    }
+    get valid_config() {
+        const columns = this.model.source.columns();
+        if ('channels' in this.model.config) {
+            for (const col of Object.values(this.model.config.channels)) {
+                if (isArray(col)) {
+                    for (const c of col) {
+                        if (col != null && !columns.includes(c))
+                            return false;
+                    }
+                }
+                else if (isObject(col)) {
+                    for (const prop of Object.keys(col)) {
+                        for (const c of col[prop]) {
+                            if (col != null && !columns.includes(c))
+                                return false;
+                        }
+                    }
+                }
+                else if (col != null && !columns.includes(col))
+                    return false;
+            }
+        }
+        else {
+            for (const prop of VECTORIZED_PROPERTIES) {
+                if (prop in this.model.config && !columns.includes(this.model.config[prop]))
+                    return false;
+            }
+        }
+        return true;
+    }
+    config() {
+        let config = { ...this.model.config };
+        if ('channels' in config)
+            config['channels'] = { ...config.channels };
+        if (config.preset != undefined)
+            config = window.Vizzu.presets[config.preset](config);
+        return config;
+    }
+    data() {
+        const series = [];
+        for (const column of this.model.columns) {
+            let array = [...this.model.source.get_array(column.name)];
+            if (column.type === 'datetime' || column.type == 'date')
+                column.type = 'measure';
+            if (column.type === 'dimension')
+                array = array.map(String);
+            series.push({ ...column, values: array });
+        }
+        return { series };
+    }
+    render() {
+        super.render();
+        this.container = div({ 'style': 'display: contents;' });
+        this.shadow_el.append(this.container);
+        const state = { config: this.config(), data: this.data(), style: this.model.style };
+        this.vizzu_view = new window.Vizzu(this.container, state);
+        this._animating = true;
+        this.vizzu_view.initializing.then((chart) => {
+            chart.on('click', (event) => {
+                this.model.trigger_event(new VizzuEvent(event.data));
+            });
+            this._animating = false;
+        });
+    }
+    remove() {
+        if (this.vizzu_view) {
+            this.vizzu_view.detach();
+        }
+        super.remove();
+    }
+}
+VizzuChartView.__name__ = "VizzuChartView";
+export class VizzuChart extends HTMLBox {
+    constructor(attrs) {
+        super(attrs);
+    }
+}
+_a = VizzuChart;
+VizzuChart.__name__ = "VizzuChart";
+VizzuChart.__module__ = "panel.models.vizzu";
+(() => {
+    _a.prototype.default_view = VizzuChartView;
+    _a.define(({ Any, Array, Number, Ref }) => ({
+        animation: [Any, {}],
+        config: [Any, {}],
+        columns: [Array(Any), []],
+        source: [Ref(ColumnDataSource),],
+        duration: [Number, 500],
+        style: [Any, {}],
+    }));
+})();
+//# sourceMappingURL=vizzu.js.map

package/dist/lib/models/vizzu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vizzu.js","sourceRoot":"","sources":["../../../models/vizzu.ts"],"names":[],"mappings":"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"}

package/dist/panel.js

@@ -44,12 +44,12 @@
 "4e90918c0a": /* index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const Panel = tslib_1.__importStar(require("d9d6a8f5ab") /* ./models */);
+    const Panel = tslib_1.__importStar(require("eb3f77caeb") /* ./models */);
     exports.Panel = Panel;
     const base_1 = require("@bokehjs/base");
     (0, base_1.register_models)(Panel);
 },
-"d9d6a8f5ab": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
+"eb3f77caeb": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     var ace_1 = require("361114b33f") /* ./ace */;
@@ -118,6 +118,8 @@
     __esExport("Video", video_1.Video);
     var videostream_1 = require("2dfabe6882") /* ./videostream */;
     __esExport("VideoStream", videostream_1.VideoStream);
+    var vizzu_1 = require("a6dbadf829") /* ./vizzu */;
+    __esExport("VizzuChart", vizzu_1.VizzuChart);
     tslib_1.__exportStar(require("c51f25e2a7") /* ./vtk */, exports);
 },
 "361114b33f": /* models/ace.js */ function _(require, module, exports, __esModule, __esExport) {
@@ -10399,6 +10401,172 @@
         });
     })();
 },
+"a6dbadf829": /* models/vizzu.js */ function _(require, module, exports, __esModule, __esExport) {
+    __esModule();
+    var _a;
+    const dom_1 = require("@bokehjs/core/dom");
+    const types_1 = require("@bokehjs/core/util/types");
+    const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
+    const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
+    const debounce_1 = require("99a25e6992") /* debounce */;
+    const layout_1 = require("df5b3692ab") /* ./layout */;
+    class VizzuEvent extends bokeh_events_1.ModelEvent {
+        constructor(data) {
+            super();
+            this.data = data;
+            this.event_name = "vizzu_event";
+            this.publish = true;
+        }
+        get event_values() {
+            return { model: this.origin, data: this.data };
+        }
+    }
+    exports.VizzuEvent = VizzuEvent;
+    VizzuEvent.__name__ = "VizzuEvent";
+    const VECTORIZED_PROPERTIES = ['x', 'y', 'color', 'label', 'lightness', 'size', 'splittedBy', 'dividedBy'];
+    class VizzuChartView extends layout_1.HTMLBoxView {
+        constructor() {
+            super(...arguments);
+            this.update = [];
+            this._animating = false;
+        }
+        connect_signals() {
+            super.connect_signals();
+            const update = (0, debounce_1.debounce)(() => {
+                if (!this.valid_config) {
+                    console.warn('Vizzu config not valid given current data.');
+                    return;
+                }
+                else if (!this.update.length || this._animating)
+                    return;
+                else {
+                    let change = {};
+                    for (const prop of this.update) {
+                        if (prop === 'config')
+                            change = Object.assign(Object.assign({}, change), { config: this.config() });
+                        else if (prop === 'data')
+                            change = Object.assign(Object.assign({}, change), { data: this.data() });
+                        else
+                            change = Object.assign(Object.assign({}, change), { style: this.model.style });
+                    }
+                    if (this.update.includes('data') && this.update.length === 1) {
+                        this.render();
+                        return;
+                    }
+                    this._animating = true;
+                    this.vizzu_view.animate(change, this.model.duration + 'ms').then(() => {
+                        this._animating = false;
+                        if (this.update.length)
+                            update();
+                    });
+                    this.update = [];
+                }
+            }, 20);
+            const update_prop = (prop) => {
+                if (!this.update.includes(prop))
+                    this.update.push(prop);
+                update();
+            };
+            this.connect(this.model.properties.config.change, () => update_prop('config'));
+            this.connect(this.model.source.properties.data.change, () => update_prop('data'));
+            this.connect(this.model.source.streaming, () => update_prop('data'));
+            this.connect(this.model.source.patching, () => update_prop('data'));
+            this.connect(this.model.properties.style.change, () => update_prop('style'));
+        }
+        get valid_config() {
+            const columns = this.model.source.columns();
+            if ('channels' in this.model.config) {
+                for (const col of Object.values(this.model.config.channels)) {
+                    if ((0, types_1.isArray)(col)) {
+                        for (const c of col) {
+                            if (col != null && !columns.includes(c))
+                                return false;
+                        }
+                    }
+                    else if ((0, types_1.isObject)(col)) {
+                        for (const prop of Object.keys(col)) {
+                            for (const c of col[prop]) {
+                                if (col != null && !columns.includes(c))
+                                    return false;
+                            }
+                        }
+                    }
+                    else if (col != null && !columns.includes(col))
+                        return false;
+                }
+            }
+            else {
+                for (const prop of VECTORIZED_PROPERTIES) {
+                    if (prop in this.model.config && !columns.includes(this.model.config[prop]))
+                        return false;
+                }
+            }
+            return true;
+        }
+        config() {
+            let config = Object.assign({}, this.model.config);
+            if ('channels' in config)
+                config['channels'] = Object.assign({}, config.channels);
+            if (config.preset != undefined)
+                config = window.Vizzu.presets[config.preset](config);
+            return config;
+        }
+        data() {
+            const series = [];
+            for (const column of this.model.columns) {
+                let array = [...this.model.source.get_array(column.name)];
+                if (column.type === 'datetime' || column.type == 'date')
+                    column.type = 'measure';
+                if (column.type === 'dimension')
+                    array = array.map(String);
+                series.push(Object.assign(Object.assign({}, column), { values: array }));
+            }
+            return { series };
+        }
+        render() {
+            super.render();
+            this.container = (0, dom_1.div)({ 'style': 'display: contents;' });
+            this.shadow_el.append(this.container);
+            const state = { config: this.config(), data: this.data(), style: this.model.style };
+            this.vizzu_view = new window.Vizzu(this.container, state);
+            this._animating = true;
+            this.vizzu_view.initializing.then((chart) => {
+                chart.on('click', (event) => {
+                    this.model.trigger_event(new VizzuEvent(event.data));
+                });
+                this._animating = false;
+            });
+        }
+        remove() {
+            if (this.vizzu_view) {
+                this.vizzu_view.detach();
+            }
+            super.remove();
+        }
+    }
+    exports.VizzuChartView = VizzuChartView;
+    VizzuChartView.__name__ = "VizzuChartView";
+    class VizzuChart extends layout_1.HTMLBox {
+        constructor(attrs) {
+            super(attrs);
+        }
+    }
+    exports.VizzuChart = VizzuChart;
+    _a = VizzuChart;
+    VizzuChart.__name__ = "VizzuChart";
+    VizzuChart.__module__ = "panel.models.vizzu";
+    (() => {
+        _a.prototype.default_view = VizzuChartView;
+        _a.define(({ Any, Array, Number, Ref }) => ({
+            animation: [Any, {}],
+            config: [Any, {}],
+            columns: [Array(Any), []],
+            source: [Ref(column_data_source_1.ColumnDataSource),],
+            duration: [Number, 500],
+            style: [Any, {}],
+        }));
+    })();
+},
 "c51f25e2a7": /* models/vtk/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var vtkjs_1 = require("028b3b9741") /* ./vtkjs */;
@@ -18592,5 +18760,5 @@
     }
     exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"d9d6a8f5ab","models/ace":"361114b33f","models/layout":"df5b3692ab","models/audio":"d8d3afec63","models/card":"c1f1b4086d","models/comm_manager":"75980dde2d","models/customselect":"e258e515be","models/tabulator":"e50776e0d1","models/data":"fd9108e30e","models/datetime_picker":"4f73d5ebca","models/deckgl":"5b67cd6d35","models/tooltips":"6e04fbe567","models/echarts":"de43a95fca","models/event-to-object":"490942d778","models/html":"a8d43c9bf6","models/ipywidget":"b64f9048d8","models/json":"66f63e3c42","models/jsoneditor":"3c56a75fcf","models/file_download":"1a94c83be4","models/katex":"173673276e","models/location":"a85ed38ee9","models/mathjax":"9f7d610997","models/pdf":"46cccf2270","models/perspective":"ae1bae91c1","models/player":"bd5015f776","models/plotly":"76fb42fdbf","models/util":"990b5dd5c7","models/progress":"e6caa5bc95","models/quill":"98652399b1","models/reactive_html":"d4d0333051","models/singleselect":"3413aa6637","models/speech_to_text":"c9d8bd05e6","models/state":"c67a910ee4","models/terminal":"e4ca4f1ca9","models/text_to_speech":"a44f0bd49f","models/trend":"c2c4524e04","models/vega":"2418976f60","models/video":"222009eb8a","models/videostream":"2dfabe6882","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"028b3b9741","models/vtk/vtklayout":"74d00b139f","models/vtk/util":"993f3118b2","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"764861e940","models/vtk/vtkvolume":"2b0ad3ca0b","models/vtk/vtksynchronized":"52d292c3ba","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"eb3f77caeb","models/ace":"361114b33f","models/layout":"df5b3692ab","models/audio":"d8d3afec63","models/card":"c1f1b4086d","models/comm_manager":"75980dde2d","models/customselect":"e258e515be","models/tabulator":"e50776e0d1","models/data":"fd9108e30e","models/datetime_picker":"4f73d5ebca","models/deckgl":"5b67cd6d35","models/tooltips":"6e04fbe567","models/echarts":"de43a95fca","models/event-to-object":"490942d778","models/html":"a8d43c9bf6","models/ipywidget":"b64f9048d8","models/json":"66f63e3c42","models/jsoneditor":"3c56a75fcf","models/file_download":"1a94c83be4","models/katex":"173673276e","models/location":"a85ed38ee9","models/mathjax":"9f7d610997","models/pdf":"46cccf2270","models/perspective":"ae1bae91c1","models/player":"bd5015f776","models/plotly":"76fb42fdbf","models/util":"990b5dd5c7","models/progress":"e6caa5bc95","models/quill":"98652399b1","models/reactive_html":"d4d0333051","models/singleselect":"3413aa6637","models/speech_to_text":"c9d8bd05e6","models/state":"c67a910ee4","models/terminal":"e4ca4f1ca9","models/text_to_speech":"a44f0bd49f","models/trend":"c2c4524e04","models/vega":"2418976f60","models/video":"222009eb8a","models/videostream":"2dfabe6882","models/vizzu":"a6dbadf829","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"028b3b9741","models/vtk/vtklayout":"74d00b139f","models/vtk/util":"993f3118b2","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"764861e940","models/vtk/vtkvolume":"2b0ad3ca0b","models/vtk/vtksynchronized":"52d292c3ba","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
 //# sourceMappingURL=panel.js.map