@holoviz/panel 0.14.4 → 1.0.0-a.2

package/dist/lib/models/ipywidget.js

@@ -1,11 +1,7 @@
-import { HTMLBox } from "@bokehjs/models/layouts/html_box";
-import { PanelHTMLBoxView } from "./layout";
+var _a;
+import { HTMLBox, HTMLBoxView } from "./layout";
 const Jupyter = window.Jupyter;
-export class IPyWidgetView extends PanelHTMLBoxView {
-    constructor() {
-        super(...arguments);
-        this.rendered = false;
-    }
+export class IPyWidgetView extends HTMLBoxView {
     async lazy_initialize() {
         await super.lazy_initialize();
         let manager;
@@ -34,17 +30,11 @@ export class IPyWidgetView extends PanelHTMLBoxView {
     render() {
         super.render();
         if (this.ipyview != null) {
-            this.el.appendChild(this.ipyview.el);
-            if (!this.rendered) {
-                this.ipyview.trigger('displayed', this.ipyview);
-                for (const child of this.ipychildren)
-                    child.trigger('displayed', child);
-            }
+            this.shadow_el.appendChild(this.ipyview.el);
+            this.ipyview.trigger('displayed', this.ipyview);
+            for (const child of this.ipychildren)
+                child.trigger('displayed', child);
         }
-        this.rendered = true;
-    }
-    has_finished() {
-        return this.rendered && super.has_finished();
     }
 }
 IPyWidgetView.__name__ = "IPyWidgetView";
@@ -52,14 +42,14 @@ export class IPyWidget extends HTMLBox {
     constructor(attrs) {
         super(attrs);
     }
-    static init_IPyWidget() {
-        this.prototype.default_view = IPyWidgetView;
-        this.define(({ Any }) => ({
-            bundle: [Any, {}],
-        }));
-    }
 }
+_a = IPyWidget;
 IPyWidget.__name__ = "IPyWidget";
 IPyWidget.__module__ = "panel.models.ipywidget";
-IPyWidget.init_IPyWidget();
+(() => {
+    _a.prototype.default_view = IPyWidgetView;
+    _a.define(({ Any }) => ({
+        bundle: [Any, {}],
+    }));
+})();
 //# sourceMappingURL=ipywidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ipywidget.js","sourceRoot":"","sources":["../../../models/ipywidget.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ipywidget.js","sourceRoot":"","sources":["../../../models/ipywidget.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,MAAM,UAAU,CAAA;AAE7C,MAAM,OAAO,GAAI,MAAc,CAAC,OAAO,CAAA;AAEvC,MAAM,OAAO,aAAc,SAAQ,WAAW;IAMnC,KAAK,CAAC,eAAe;QAC5B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAA;QAC7B,IAAI,OAAY,CAAA;QAChB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;YACjD,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAA;aAC7C,IAAK,MAAc,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI;YACnD,OAAO,GAAI,MAAc,CAAC,KAAK,CAAC,cAAc,CAAA;aAC3C;YACH,OAAO,CAAC,IAAI,CAAC,sDAAsD,CAAC,CAAA;YACpE,OAAM;SACP;QACD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;QACrB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;QACvC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA;QACxE,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAC,CAAC,CAAA;YACjE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK;oBAC3C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAA;aACrC;SACF;IACH,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QACd,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE;YACxB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;YAC3C,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;YAC/C,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,WAAW;gBAClC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;SACpC;IACH,CAAC;;;AAYH,MAAM,OAAO,SAAU,SAAQ,OAAO;IAGpC,YAAY,KAAgC;QAC1C,KAAK,CAAC,KAAK,CAAC,CAAA;IACd,CAAC;;;;AAEM,oBAAU,GAAG,wBAAwB,CAAA;AAE5C;IACE,EAAI,CAAC,SAAS,CAAC,YAAY,GAAG,aAAa,CAAA;IAE3C,EAAI,CAAC,MAAM,CAAkB,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE,CAAC,CAAC;QACvC,MAAM,EAAE,CAAE,GAAG,EAAE,EAAE,CAAE;KACpB,CAAC,CAAC,CAAA;AACL,CAAC,GAAA,CAAA"}

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

@@ -10,6 +10,7 @@ export declare const JSONTheme: import("@bokehjs/core/kinds").Kinds.Enum<"dark"
 export declare namespace JSON {
     type Attrs = p.AttrsOf<Props>;
     type Props = Markup.Props & {
+        css: p.Property<string[]>;
         depth: p.Property<number | null>;
         hover_preview: p.Property<boolean>;
         theme: p.Property<typeof JSONTheme["__type__"]>;
@@ -21,5 +22,4 @@ export declare class JSON extends Markup {
     properties: JSON.Props;
     constructor(attrs?: Partial<JSON.Attrs>);
     static __module__: string;
-    static init_JSON(): void;
 }

package/dist/lib/models/json.js

@@ -1,3 +1,4 @@
+var _a;
 import { Enum } from "@bokehjs/core/kinds";
 import { Markup } from "@bokehjs/models/widgets/markup";
 import JSONFormatter from "json-formatter-js";
@@ -16,19 +17,19 @@ export class JSONView extends PanelMarkupView {
             json = window.JSON.parse(text);
         }
         catch (err) {
-            this.markup_el.innerHTML = "<b>Invalid JSON:</b> " + err.toString();
+            this.container.innerHTML = "<b>Invalid JSON:</b> " + err.toString();
             return;
         }
         const config = { hoverPreviewEnabled: this.model.hover_preview, theme: this.model.theme };
         const depth = this.model.depth == null ? Infinity : this.model.depth;
         const formatter = new JSONFormatter(json, depth, config);
         const rendered = formatter.render();
-        let style = "border-radius: 5px; padding: 10px;";
+        let style = "border-radius: 5px; padding: 10px; width: 100%; height: 100%;";
         if (this.model.theme == "dark")
             rendered.style.cssText = "background-color: rgb(30, 30, 30);" + style;
         else
             rendered.style.cssText = style;
-        this.markup_el.append(rendered);
+        this.container.append(rendered);
     }
 }
 JSONView.__name__ = "JSONView";
@@ -37,16 +38,17 @@ export class JSON extends Markup {
     constructor(attrs) {
         super(attrs);
     }
-    static init_JSON() {
-        this.prototype.default_view = JSONView;
-        this.define(({ Boolean, Int, Nullable }) => ({
-            depth: [Nullable(Int), 1],
-            hover_preview: [Boolean, false],
-            theme: [JSONTheme, "dark"],
-        }));
-    }
 }
+_a = JSON;
 JSON.__name__ = "JSON";
 JSON.__module__ = "panel.models.markup";
-JSON.init_JSON();
+(() => {
+    _a.prototype.default_view = JSONView;
+    _a.define(({ Array, Boolean, Int, Nullable, String }) => ({
+        css: [Array(String), []],
+        depth: [Nullable(Int), 1],
+        hover_preview: [Boolean, false],
+        theme: [JSONTheme, "dark"],
+    }));
+})();
 //# sourceMappingURL=json.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"json.js","sourceRoot":"","sources":["../../../models/json.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAA;AAExC,OAAO,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAA;AACrD,OAAO,aAAa,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAExC,MAAM,OAAO,QAAS,SAAQ,eAAe;IAG3C,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,MAAM,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA;QAC3D,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IACpE,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;QAC1D,IAAI,IAAI,CAAC;QACT,IAAI;YACF,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;SAC/B;QAAC,OAAM,GAAG,EAAE;YACX,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,uBAAuB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAA;YACnE,OAAM;SACP;QACD,MAAM,MAAM,GAAG,EAAC,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,CAAA;QACvF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;QACpE,MAAM,SAAS,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,EAAE,CAAA;QACnC,IAAI,KAAK,GAAG,oCAAoC,CAAC;QACjD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;YAC5B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,oCAAoC,GAAG,KAAK,CAAC;;YAEtE,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACjC,CAAC;;;AAGH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAa9C,MAAM,OAAO,IAAK,SAAQ,MAAM;IAG9B,YAAY,KAA2B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAA;IACd,CAAC;IAID,MAAM,CAAC,SAAS;QACd,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,QAAQ,CAAA;QACtC,IAAI,CAAC,MAAM,CAAa,CAAC,EAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC;YACrD,KAAK,EAAU,CAAE,QAAQ,CAAC,GAAG,CAAC,EAAG,CAAC,CAAE;YACpC,aAAa,EAAE,CAAE,OAAO,EAAK,KAAK,CAAE;YACpC,KAAK,EAAU,CAAE,SAAS,EAAE,MAAM,CAAE;SACrC,CAAC,CAAC,CAAA;IACL,CAAC;;;AATM,eAAU,GAAG,qBAAqB,CAAA;AAP9B,IAAI"}
+{"version":3,"file":"json.js","sourceRoot":"","sources":["../../../models/json.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAA;AAExC,OAAO,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAA;AACrD,OAAO,aAAa,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAExC,MAAM,OAAO,QAAS,SAAQ,eAAe;IAG3C,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,MAAM,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA;QAC3D,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IACpE,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;QAC1D,IAAI,IAAI,CAAC;QACT,IAAI;YACF,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;SAC/B;QAAC,OAAM,GAAG,EAAE;YACX,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,uBAAuB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAA;YACnE,OAAM;SACP;QACD,MAAM,MAAM,GAAG,EAAC,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,CAAA;QACvF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;QACpE,MAAM,SAAS,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,EAAE,CAAA;QACnC,IAAI,KAAK,GAAG,+DAA+D,CAAC;QAC5E,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;YAC5B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,oCAAoC,GAAG,KAAK,CAAC;;YAEtE,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACjC,CAAC;;;AAGH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAc9C,MAAM,OAAO,IAAK,SAAQ,MAAM;IAG9B,YAAY,KAA2B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAA;IACd,CAAC;;;;AAEM,eAAU,GAAG,qBAAqB,CAAA;AAEzC;IACE,EAAI,CAAC,SAAS,CAAC,YAAY,GAAG,QAAQ,CAAA;IACtC,EAAI,CAAC,MAAM,CAAa,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QACpE,GAAG,EAAY,CAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAE;QACpC,KAAK,EAAU,CAAE,QAAQ,CAAC,GAAG,CAAC,EAAG,CAAC,CAAE;QACpC,aAAa,EAAE,CAAE,OAAO,EAAK,KAAK,CAAE;QACpC,KAAK,EAAU,CAAE,SAAS,EAAE,MAAM,CAAE;KACrC,CAAC,CAAC,CAAA;AACL,CAAC,GAAA,CAAA"}

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

@@ -1,24 +1,26 @@
 import * as p from "@bokehjs/core/properties";
-import { ModelEvent, JSON } from "@bokehjs/core/bokeh_events";
-import { HTMLBox } from "@bokehjs/models/layouts/html_box";
-import { PanelHTMLBoxView } from "./layout";
+import { StyleSheetLike } from "@bokehjs/core/dom";
+import { ModelEvent } from "@bokehjs/core/bokeh_events";
+import { HTMLBox, HTMLBoxView } from "./layout";
+import { Attrs } from "@bokehjs/core/types";
 export declare class JSONEditEvent extends ModelEvent {
     readonly data: any;
-    event_name: string;
     constructor(data: any);
-    protected _to_json(): JSON;
+    protected get event_values(): Attrs;
 }
-export declare class JSONEditorView extends PanelHTMLBoxView {
+export declare class JSONEditorView extends HTMLBoxView {
     model: JSONEditor;
     editor: any;
     _menu_context: any;
     connect_signals(): void;
+    stylesheets(): StyleSheetLike[];
     remove(): void;
     render(): void;
 }
 export declare namespace JSONEditor {
     type Attrs = p.AttrsOf<Props>;
     type Props = HTMLBox.Props & {
+        css: p.Property<string[]>;
         data: p.Property<any>;
         menu: p.Property<boolean>;
         mode: p.Property<string>;
@@ -34,5 +36,4 @@ export declare class JSONEditor extends HTMLBox {
     properties: JSONEditor.Props;
     constructor(attrs?: Partial<JSONEditor.Attrs>);
     static __module__: string;
-    static init_JSONEditor(): void;
 }

package/dist/lib/models/jsoneditor.js

@@ -1,18 +1,22 @@
+var _a, _b;
+import { ImportedStyleSheet } from "@bokehjs/core/dom";
 import { ModelEvent } from "@bokehjs/core/bokeh_events";
-import { HTMLBox } from "@bokehjs/models/layouts/html_box";
-import { PanelHTMLBoxView } from "./layout";
+import { HTMLBox, HTMLBoxView } from "./layout";
 export class JSONEditEvent extends ModelEvent {
     constructor(data) {
         super();
         this.data = data;
-        this.event_name = "json_edit";
     }
-    _to_json() {
+    get event_values() {
         return { model: this.origin, data: this.data };
     }
 }
+_a = JSONEditEvent;
 JSONEditEvent.__name__ = "JSONEditEvent";
-export class JSONEditorView extends PanelHTMLBoxView {
+(() => {
+    _a.prototype.event_name = "json_edit";
+})();
+export class JSONEditorView extends HTMLBoxView {
     connect_signals() {
         super.connect_signals();
         const { data, disabled, templates, menu, mode, search, schema } = this.model.properties;
@@ -34,6 +38,12 @@ export class JSONEditorView extends PanelHTMLBoxView {
             this.editor.setMode(mode);
         });
     }
+    stylesheets() {
+        const styles = super.stylesheets();
+        for (const css of this.model.css)
+            styles.push(new ImportedStyleSheet(css));
+        return styles;
+    }
     remove() {
         super.remove();
         this.editor.destroy();
@@ -41,7 +51,7 @@ export class JSONEditorView extends PanelHTMLBoxView {
     render() {
         super.render();
         const mode = this.model.disabled ? 'view' : this.model.mode;
-        this.editor = new window.JSONEditor(this.el, {
+        this.editor = new window.JSONEditor(this.shadow_el, {
             menu: this.model.menu,
             mode: mode,
             onChangeJSON: (json) => {
@@ -62,20 +72,21 @@ export class JSONEditor extends HTMLBox {
     constructor(attrs) {
         super(attrs);
     }
-    static init_JSONEditor() {
-        this.prototype.default_view = JSONEditorView;
-        this.define(({ Any, Array, Boolean, String }) => ({
-            data: [Any, {}],
-            mode: [String, 'tree'],
-            menu: [Boolean, true],
-            search: [Boolean, true],
-            selection: [Array(Any), []],
-            schema: [Any, null],
-            templates: [Array(Any), []],
-        }));
-    }
 }
+_b = JSONEditor;
 JSONEditor.__name__ = "JSONEditor";
 JSONEditor.__module__ = "panel.models.jsoneditor";
-JSONEditor.init_JSONEditor();
+(() => {
+    _b.prototype.default_view = JSONEditorView;
+    _b.define(({ Any, Array, Boolean, String }) => ({
+        css: [Array(String), []],
+        data: [Any, {}],
+        mode: [String, 'tree'],
+        menu: [Boolean, true],
+        search: [Boolean, true],
+        selection: [Array(Any), []],
+        schema: [Any, null],
+        templates: [Array(Any), []],
+    }));
+})();
 //# sourceMappingURL=jsoneditor.js.map

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

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

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

@@ -17,5 +17,4 @@ export declare class KaTeX extends Markup {
     properties: KaTeX.Props;
     constructor(attrs?: Partial<KaTeX.Attrs>);
     static __module__: string;
-    static init_KaTeX(): void;
 }

package/dist/lib/models/katex.js

@@ -1,13 +1,14 @@
+var _a;
 import { Markup } from "@bokehjs/models/widgets/markup";
 import { PanelMarkupView } from "./layout";
 export class KaTeXView extends PanelMarkupView {
     render() {
         super.render();
-        this.markup_el.innerHTML = this.model.text;
+        this.container.innerHTML = this.model.text;
         if (!window.renderMathInElement) {
             return;
         }
-        window.renderMathInElement(this.el, {
+        window.renderMathInElement(this.shadow_el, {
             delimiters: [
                 { left: "$$", right: "$$", display: true },
                 { left: "\\[", right: "\\]", display: true },
@@ -22,11 +23,11 @@ export class KaTeX extends Markup {
     constructor(attrs) {
         super(attrs);
     }
-    static init_KaTeX() {
-        this.prototype.default_view = KaTeXView;
-    }
 }
+_a = KaTeX;
 KaTeX.__name__ = "KaTeX";
 KaTeX.__module__ = "panel.models.katex";
-KaTeX.init_KaTeX();
+(() => {
+    _a.prototype.default_view = KaTeXView;
+})();
 //# sourceMappingURL=katex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"katex.js","sourceRoot":"","sources":["../../../models/katex.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAExC,MAAM,OAAO,SAAU,SAAQ,eAAe;IAG5C,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3C,IAAI,CAAE,MAAc,CAAC,mBAAmB,EAAE;YACxC,OAAM;SACP;QACA,MAAc,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,EAAE;YAC3C,UAAU,EAAE;gBACV,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC;gBACxC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC;gBAC1C,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAC;gBACvC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC;aAC5C;SACF,CAAC,CAAA;IACJ,CAAC;;;AAYH,MAAM,OAAO,KAAM,SAAQ,MAAM;IAG/B,YAAY,KAA4B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAA;IACd,CAAC;IAID,MAAM,CAAC,UAAU;QACf,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,SAAS,CAAA;IACzC,CAAC;;;AAJM,gBAAU,GAAG,oBAAoB,CAAA;AAP7B,KAAK"}
+{"version":3,"file":"katex.js","sourceRoot":"","sources":["../../../models/katex.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAExC,MAAM,OAAO,SAAU,SAAQ,eAAe;IAG5C,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3C,IAAI,CAAE,MAAc,CAAC,mBAAmB,EAAE;YACxC,OAAM;SACP;QACA,MAAc,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE;YAClD,UAAU,EAAE;gBACV,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC;gBACxC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC;gBAC1C,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAC;gBACvC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC;aAC5C;SACF,CAAC,CAAA;IACJ,CAAC;;;AAYH,MAAM,OAAO,KAAM,SAAQ,MAAM;IAG/B,YAAY,KAA4B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAA;IACd,CAAC;;;;AAEM,gBAAU,GAAG,oBAAoB,CAAA;AAExC;IACE,EAAI,CAAC,SAAS,CAAC,YAAY,GAAG,SAAS,CAAA;AACzC,CAAC,GAAA,CAAA"}

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

@@ -1,28 +1,31 @@
-import { VariadicBox } from "@bokehjs/core/layout/html";
-import { Size, SizeHint } from "@bokehjs/core/layout/types";
-import { MarkupView } from "@bokehjs/models/widgets/markup";
-import { HTMLBox, HTMLBoxView } from "@bokehjs/models/layouts/html_box";
-export declare function set_size(el: HTMLElement, model: HTMLBox): void;
-export declare class CachedVariadicBox extends VariadicBox {
-    readonly el: HTMLElement;
-    readonly sizing_mode: string | null;
-    readonly changed: boolean;
-    private readonly _cache;
-    private readonly _cache_count;
-    constructor(el: HTMLElement, sizing_mode: string | null, changed: boolean);
-    protected _measure(viewport: Size): SizeHint;
-    invalidate_cache(): void;
-}
-export declare class PanelMarkupView extends MarkupView {
-    _prev_sizing_mode: string | null;
-    _update_layout(): void;
+import { WidgetView } from "@bokehjs/models/widgets/widget";
+import { Markup } from "@bokehjs/models/widgets/markup";
+import { LayoutDOM, LayoutDOMView } from "@bokehjs/models/layouts/layout_dom";
+import * as p from "@bokehjs/core/properties";
+export declare class PanelMarkupView extends WidgetView {
+    container: HTMLDivElement;
+    model: Markup;
+    lazy_initialize(): Promise<void>;
+    connect_signals(): void;
+    has_math_disabled(): boolean;
     render(): void;
 }
-export declare class PanelHTMLBoxView extends HTMLBoxView {
-    _prev_sizing_mode: string | null;
+export declare function set_size(el: HTMLElement, model: HTMLBox): void;
+export declare abstract class HTMLBoxView extends LayoutDOMView {
+    model: HTMLBox;
     _prev_css_classes: string[];
     connect_signals(): void;
-    on_change(properties: any, fn: () => void): void;
-    _update_layout(): void;
     render(): void;
+    on_change(properties: any, fn: () => void): void;
+    get child_models(): LayoutDOM[];
+}
+export declare namespace HTMLBox {
+    type Attrs = p.AttrsOf<Props>;
+    type Props = LayoutDOM.Props;
+}
+export interface HTMLBox extends HTMLBox.Attrs {
+}
+export declare abstract class HTMLBox extends LayoutDOM {
+    properties: HTMLBox.Props;
+    constructor(attrs?: Partial<HTMLBox.Attrs>);
 }

package/dist/lib/models/layout.js

@@ -1,13 +1,40 @@
-import { classes, content_size, extents, sized } from "@bokehjs/core/dom";
-import { color2css } from "@bokehjs/core/util/color";
-import { VariadicBox } from "@bokehjs/core/layout/html";
-import { Sizeable } from "@bokehjs/core/layout/types";
-import { MarkupView } from "@bokehjs/models/widgets/markup";
-import { HTMLBoxView } from "@bokehjs/models/layouts/html_box";
+import { div } from "@bokehjs/core/dom";
+import { isArray } from "@bokehjs/core/util/types";
+import { WidgetView } from "@bokehjs/models/widgets/widget";
+import { LayoutDOM, LayoutDOMView } from "@bokehjs/models/layouts/layout_dom";
+export class PanelMarkupView extends WidgetView {
+    async lazy_initialize() {
+        await super.lazy_initialize();
+        if (this.provider.status == "not_started" || this.provider.status == "loading")
+            this.provider.ready.connect(() => {
+                if (this.contains_tex_string(this.model.text))
+                    this.render();
+            });
+    }
+    connect_signals() {
+        super.connect_signals();
+        this.connect(this.model.change, () => {
+            this.render();
+        });
+    }
+    has_math_disabled() {
+        return this.model.disable_math || !this.contains_tex_string(this.model.text);
+    }
+    render() {
+        super.render();
+        set_size(this.el, this.model);
+        this.container = div();
+        set_size(this.container, this.model);
+        this.shadow_el.appendChild(this.container);
+        if (this.provider.status == "failed" || this.provider.status == "loaded")
+            this._has_finished = true;
+    }
+}
+PanelMarkupView.__name__ = "PanelMarkupView";
 export function set_size(el, model) {
     let width_policy = model.width != null ? "fixed" : "fit";
     let height_policy = model.height != null ? "fixed" : "fit";
-    const { sizing_mode } = model;
+    const { sizing_mode, margin } = model;
     if (sizing_mode != null) {
         if (sizing_mode == "fixed")
             width_policy = height_policy = "fixed";
@@ -36,10 +63,27 @@ export function set_size(el, model) {
             }
         }
     }
+    let wm, hm;
+    if (isArray(margin)) {
+        if (margin.length === 4) {
+            hm = margin[0] + margin[2];
+            wm = margin[1] + margin[3];
+        }
+        else {
+            hm = margin[0] * 2;
+            wm = margin[1] * 2;
+        }
+    }
+    else if (margin == null) {
+        hm = wm = 0;
+    }
+    else {
+        wm = hm = margin * 2;
+    }
     if (width_policy == "fixed" && model.width)
         el.style.width = model.width + "px";
     else if (width_policy == "max")
-        el.style.width = "100%";
+        el.style.width = wm ? `calc(100% - ${wm}px)` : "100%";
     if (model.min_width != null)
         el.style.minWidth = model.min_width + "px";
     if (model.max_width != null)
@@ -47,70 +91,22 @@ export function set_size(el, model) {
     if (height_policy == "fixed" && model.height)
         el.style.height = model.height + "px";
     else if (height_policy == "max")
-        el.style.height = "100%";
+        el.style.height = hm ? `calc(100% - ${hm}px)` : "100%";
     if (model.min_height != null)
         el.style.minHeight = model.min_height + "px";
     if (model.max_width != null)
         el.style.maxHeight = model.max_height + "px";
 }
-export class CachedVariadicBox extends VariadicBox {
-    constructor(el, sizing_mode, changed) {
-        super(el);
-        this.el = el;
-        this.sizing_mode = sizing_mode;
-        this.changed = changed;
-        this._cache = new Map();
-        this._cache_count = new Map();
-    }
-    _measure(viewport) {
-        const key = [viewport.width, viewport.height, this.sizing_mode];
-        const key_str = key.toString();
-        // If sizing mode is responsive and has changed since last render
-        // we have to wait until second rerender to use cached value
-        const min_count = (!this.changed || (this.sizing_mode == 'fixed') || (this.sizing_mode == null)) ? 0 : 1;
-        const cached = this._cache.get(key_str);
-        const cache_count = this._cache_count.get(key_str);
-        if (cached != null && cache_count != null && (cache_count >= min_count)) {
-            this._cache_count.set(key_str, cache_count + 1);
-            return cached;
-        }
-        const bounded = new Sizeable(viewport).bounded_to(this.sizing.size);
-        const size = sized(this.el, bounded, () => {
-            const content = new Sizeable(content_size(this.el));
-            const { border, padding } = extents(this.el);
-            return content.grow_by(border).grow_by(padding).map(Math.ceil);
-        });
-        this._cache.set(key_str, size);
-        this._cache_count.set(key_str, 0);
-        return size;
-    }
-    invalidate_cache() {
-    }
-}
-CachedVariadicBox.__name__ = "CachedVariadicBox";
-export class PanelMarkupView extends MarkupView {
-    _update_layout() {
-        let changed = ((this._prev_sizing_mode !== undefined) &&
-            (this._prev_sizing_mode !== this.model.sizing_mode));
-        this._prev_sizing_mode = this.model.sizing_mode;
-        this.layout = new CachedVariadicBox(this.el, this.model.sizing_mode, changed);
-        this.layout.set_sizing(this.box_sizing());
-    }
-    render() {
-        super.render();
-        set_size(this.markup_el, this.model);
-    }
-}
-PanelMarkupView.__name__ = "PanelMarkupView";
-export class PanelHTMLBoxView extends HTMLBoxView {
+export class HTMLBoxView extends LayoutDOMView {
     connect_signals() {
         super.connect_signals();
         // Note due to on_change hack properties must be defined in this order.
-        const { css_classes, background } = this.model.properties;
+        const { css_classes, stylesheets } = this.model.properties;
         this._prev_css_classes = this.model.css_classes;
-        this.on_change([css_classes, background], () => {
-            // Note: This ensures that changes in the background and changes
-            // to the loading parameter in Panel do NOT trigger a full re-render
+        this.on_change([stylesheets], () => this.invalidate_render());
+        this.on_change([css_classes], () => {
+            // Note: This ensures that changes in the loading parameter in Panel
+            // do NOT trigger a full re-render
             const css = [];
             let skip = false;
             for (const cls of this.model.css_classes) {
@@ -122,38 +118,36 @@ export class PanelHTMLBoxView extends HTMLBoxView {
                     css.push(cls);
             }
             const prev = this._prev_css_classes;
-            if (JSON.stringify(css) === JSON.stringify(prev)) {
-                const { background } = this.model;
-                this.el.style.backgroundColor = background != null ? color2css(background) : "";
-                classes(this.el).clear().add(...this.css_classes());
-            }
-            else {
+            if (JSON.stringify(css) === JSON.stringify(prev))
+                this.class_list.clear().add(...this.css_classes());
+            else
                 this.invalidate_render();
-            }
             this._prev_css_classes = css;
         });
     }
+    render() {
+        super.render();
+        set_size(this.el, this.model);
+    }
     on_change(properties, fn) {
         // HACKALERT: LayoutDOMView triggers re-renders whenever css_classes change
         // which is very expensive so we do not connect this signal and handle it
         // ourself
         const p = this.model.properties;
-        if (properties.length === 2 && properties[0] === p.background && properties[1] === p.css_classes) {
+        if (properties.length === 2 && properties[0] === p.css_classes && properties[1] === p.stylesheets) {
             return;
         }
         super.on_change(properties, fn);
     }
-    _update_layout() {
-        let changed = ((this._prev_sizing_mode !== undefined) &&
-            (this._prev_sizing_mode !== this.model.sizing_mode));
-        this._prev_sizing_mode = this.model.sizing_mode;
-        this.layout = new CachedVariadicBox(this.el, this.model.sizing_mode, changed);
-        this.layout.set_sizing(this.box_sizing());
+    get child_models() {
+        return [];
     }
-    render() {
-        super.render();
-        set_size(this.el, this.model);
+}
+HTMLBoxView.__name__ = "HTMLBoxView";
+export class HTMLBox extends LayoutDOM {
+    constructor(attrs) {
+        super(attrs);
     }
 }
-PanelHTMLBoxView.__name__ = "PanelHTMLBoxView";
+HTMLBox.__name__ = "HTMLBox";
 //# sourceMappingURL=layout.js.map