@holoviz/panel 0.14.4 → 1.0.0-a.2

package/dist/lib/models/card.js

@@ -1,57 +1,35 @@
+var _a;
 import { Column, ColumnView } from "@bokehjs/models/layouts/column";
-import { BBox } from "@bokehjs/core/util/bbox";
 import * as DOM from "@bokehjs/core/dom";
-import { classes, empty } from "@bokehjs/core/dom";
-import { Column as ColumnLayout } from "@bokehjs/core/layout/grid";
-import { color2css } from "@bokehjs/core/util/color";
 export class CardView extends ColumnView {
     connect_signals() {
         super.connect_signals();
         this.connect(this.model.properties.collapsed.change, () => this._collapse());
-        const { active_header_background, header_background, header_color, hide_header } = this.model.properties;
-        this.on_change([active_header_background, header_background, header_color, hide_header], () => this.render());
+        const { active_header_background, collapsed, header_background, header_color, hide_header } = this.model.properties;
+        this.on_change([header_color, hide_header], () => this.render());
+        this.on_change([active_header_background, collapsed, header_background], () => {
+            const header_background = this.header_background;
+            if (header_background == null)
+                return;
+            this.child_views[0].el.style.backgroundColor = header_background;
+            this.header_el.style.backgroundColor = header_background;
+        });
     }
-    _update_layout() {
-        let views;
-        if (this.model.hide_header)
-            views = this.child_views.slice(1);
-        else
-            views = this.model.collapsed ? this.child_views.slice(0, 1) : this.child_views;
-        const items = views.map((child) => child.layout);
-        this.layout = new ColumnLayout(items);
-        this.layout.rows = this.model.rows;
-        this.layout.spacing = [this.model.spacing, 0];
-        this.layout.set_sizing(this.box_sizing());
-    }
-    update_position() {
-        if (this.model.collapsible && !this.model.hide_header) {
-            const header = this.child_views[0];
-            const obbox = header.layout.bbox;
-            const ibbox = header.layout.inner_bbox;
-            if (obbox.x1 != 0) {
-                let offset;
-                if (this.model.collapsible) {
-                    const icon_style = getComputedStyle(this.button_el.children[0]);
-                    offset = (parseFloat(icon_style.width) + parseFloat(icon_style.marginLeft)) || 0;
-                }
-                else {
-                    offset = 0;
-                }
-                const outer = new BBox({ x0: obbox.x0, x1: obbox.x1 - offset, y0: obbox.y0, y1: obbox.y1 });
-                const inner = new BBox({ x0: ibbox.x0, x1: ibbox.x1 - offset, y0: ibbox.y0, y1: ibbox.y1 });
-                header.layout.set_geometry(outer, inner);
-            }
-        }
-        super.update_position();
-    }
-    render() {
-        empty(this.el);
-        const { background, button_css_classes, header_color, header_tag, header_css_classes } = this.model;
-        this.el.style.backgroundColor = background != null ? color2css(background) : "";
-        classes(this.el).clear().add(...this.css_classes());
+    get header_background() {
         let header_background = this.model.header_background;
         if (!this.model.collapsed && this.model.active_header_background)
             header_background = this.model.active_header_background;
+        return header_background;
+    }
+    render() {
+        this.empty();
+        this._update_stylesheets();
+        this._update_css_classes();
+        this._apply_styles();
+        this._apply_visible();
+        this.class_list.add(...this.css_classes());
+        const { button_css_classes, header_color, header_tag, header_css_classes } = this.model;
+        const header_background = this.header_background;
         const header = this.child_views[0];
         let header_el;
         if (this.model.collapsible) {
@@ -70,22 +48,35 @@ export class CardView extends ColumnView {
             header_el.style.backgroundColor = header_background != null ? header_background : "";
             header_el.appendChild(header.el);
         }
+        this.header_el = header_el;
         if (!this.model.hide_header) {
             header_el.style.color = header_color != null ? header_color : "";
-            this.el.appendChild(header_el);
+            this.shadow_el.appendChild(header_el);
             header.render();
+            header.after_render();
         }
         for (const child_view of this.child_views.slice(1)) {
             if (!this.model.collapsed)
-                this.el.appendChild(child_view.el);
+                this.shadow_el.appendChild(child_view.el);
             child_view.render();
+            child_view.after_render();
         }
     }
+    async update_children() {
+        this.render();
+        this.invalidate_layout();
+    }
     _toggle_button() {
         this.model.collapsed = !this.model.collapsed;
     }
     _collapse() {
-        this.invalidate_render();
+        for (const child_view of this.child_views.slice(1)) {
+            if (this.model.collapsed)
+                this.shadow_el.removeChild(child_view.el);
+            else
+                this.shadow_el.appendChild(child_view.el);
+        }
+        this.button_el.children[0].innerHTML = this.model.collapsed ? "\u25ba" : "\u25bc";
     }
     _createElement() {
         return DOM.createElement(this.model.tag, { class: this.css_classes() });
@@ -96,23 +87,23 @@ export class Card extends Column {
     constructor(attrs) {
         super(attrs);
     }
-    static init_Card() {
-        this.prototype.default_view = CardView;
-        this.define(({ Array, Boolean, Nullable, String }) => ({
-            active_header_background: [Nullable(String), null],
-            button_css_classes: [Array(String), []],
-            collapsed: [Boolean, true],
-            collapsible: [Boolean, true],
-            header_background: [Nullable(String), null],
-            header_color: [Nullable(String), null],
-            header_css_classes: [Array(String), []],
-            header_tag: [String, "div"],
-            hide_header: [Boolean, false],
-            tag: [String, "div"],
-        }));
-    }
 }
+_a = Card;
 Card.__name__ = "Card";
 Card.__module__ = "panel.models.layout";
-Card.init_Card();
+(() => {
+    _a.prototype.default_view = CardView;
+    _a.define(({ Array, Boolean, Nullable, String }) => ({
+        active_header_background: [Nullable(String), null],
+        button_css_classes: [Array(String), []],
+        collapsed: [Boolean, true],
+        collapsible: [Boolean, true],
+        header_background: [Nullable(String), null],
+        header_color: [Nullable(String), null],
+        header_css_classes: [Array(String), []],
+        header_tag: [String, "div"],
+        hide_header: [Boolean, false],
+        tag: [String, "div"],
+    }));
+})();
 //# sourceMappingURL=card.js.map

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

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

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

@@ -6,7 +6,6 @@ import { Receiver } from "@bokehjs/protocol/receiver";
 export declare const comm_settings: any;
 export declare class CommManagerView extends View {
     model: CommManager;
-    renderTo(): void;
 }
 export declare namespace CommManager {
     type Attrs = p.AttrsOf<Props>;
@@ -22,6 +21,7 @@ export interface CommManager extends CommManager.Attrs {
 }
 export declare class CommManager extends Model {
     properties: CommManager.Props;
+    __view_type__: CommManagerView;
     ns: any;
     _receiver: Receiver;
     _client_comm: any;
@@ -29,6 +29,7 @@ export declare class CommManager extends Model {
     _timeout: number;
     _blocked: boolean;
     constructor(attrs?: Partial<CommManager.Attrs>);
+    initialize(): void;
     protected _document_listener: (event: DocumentChangedEvent) => void;
     protected _doc_attached(): void;
     protected _document_changed(event: DocumentChangedEvent): void;
@@ -37,5 +38,4 @@ export declare class CommManager extends Model {
     on_ack(msg: any): void;
     msg_handler(msg: any): void;
     static __module__: string;
-    static init_CommManager(): void;
 }

package/dist/lib/models/comm_manager.js

@@ -1,3 +1,4 @@
+var _a;
 import { ModelChangedEvent } from "@bokehjs/document";
 import { View } from "@bokehjs/core/view";
 import { Model } from "@bokehjs/model";
@@ -7,14 +8,15 @@ export const comm_settings = {
     debounce: true
 };
 export class CommManagerView extends View {
-    renderTo() {
-    }
 }
 CommManagerView.__name__ = "CommManagerView";
 export class CommManager extends Model {
     constructor(attrs) {
         super(attrs);
         this._document_listener = (event) => this._document_changed(event);
+    }
+    initialize() {
+        super.initialize();
         this._receiver = new Receiver();
         this._event_buffer = [];
         this._blocked = false;
@@ -45,11 +47,8 @@ export class CommManager extends Model {
             this.document.on_change(this._document_listener);
     }
     _document_changed(event) {
-        // Filter out events that were initiated by the ClientSession itself
-        if (event.setter_id === this.id) // XXX: not all document events define this
-            return;
         // Filter out changes to attributes that aren't server-visible
-        if (event instanceof ModelChangedEvent && !(event.attr in event.model.serializable_attributes()))
+        if (event instanceof ModelChangedEvent && !event.model.properties[event.attr].syncable)
             return;
         this._event_buffer.push(event);
         if (!comm_settings.debounce) {
@@ -117,22 +116,24 @@ export class CommManager extends Model {
             else
                 this._receiver.consume(content);
             const comm_msg = this._receiver.message;
-            if ((comm_msg != null) && (Object.keys(comm_msg.content).length > 0) && this.document != null)
-                this.document.apply_json_patch(comm_msg.content, comm_msg.buffers, this.id);
+            if ((comm_msg != null) && (Object.keys(comm_msg.content).length > 0) && this.document != null) {
+                const patch = comm_msg.content;
+                this.document.apply_json_patch(patch, comm_msg.buffers);
+            }
         }
     }
-    static init_CommManager() {
-        this.prototype.default_view = CommManagerView;
-        this.define(({ Int, String }) => ({
-            plot_id: [String],
-            comm_id: [String],
-            client_comm_id: [String],
-            timeout: [Int, 5000],
-            debounce: [Int, 50],
-        }));
-    }
 }
+_a = CommManager;
 CommManager.__name__ = "CommManager";
 CommManager.__module__ = "panel.models.comm_manager";
-CommManager.init_CommManager();
+(() => {
+    _a.prototype.default_view = CommManagerView;
+    _a.define(({ Int, String, Nullable }) => ({
+        plot_id: [Nullable(String), null],
+        comm_id: [Nullable(String), null],
+        client_comm_id: [Nullable(String), null],
+        timeout: [Int, 5000],
+        debounce: [Int, 50],
+    }));
+})();
 //# sourceMappingURL=comm_manager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"comm_manager.js","sourceRoot":"","sources":["../../../models/comm_manager.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,iBAAiB,EAAC,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAA;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAQ;IAChC,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,MAAM,OAAO,eAAgB,SAAQ,IAAI;IAGvC,QAAQ;IACR,CAAC;;;AAgBH,MAAM,OAAO,WAAY,SAAQ,KAAK;IASpC,YAAY,KAAkC;QAC5C,KAAK,CAAC,KAAK,CAAC,CAAA;QA0BJ,uBAAkB,GAA0C,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;QAzB5G,IAAI,CAAC,SAAS,GAAG,IAAI,QAAQ,EAAE,CAAA;QAC/B,IAAI,CAAC,aAAa,GAAG,EAAE,CAAA;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QAC1B,IAAI,CAAE,MAAc,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CAAC,CAAE,MAAc,CAAC,KAAK,CAAC,YAAY,CAAC;YAC/E,OAAO,CAAC,GAAG,CAAC,8EAA8E,CAAC,CAAA;aACxF;YACH,IAAI,CAAC,EAAE,GAAI,MAAc,CAAC,KAAK,CAAA;YAC/B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,GAAQ,EAAE,EAAE;gBACnF,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;oBACzD,IAAI,IAAI,KAAK,IAAI;wBACf,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;iBACxB;gBACD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;YAChB,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YAC5H,IAAI,IAAI,CAAC,EAAE,CAAC,YAAY,IAAI,IAAI;gBACrC,IAAI,CAAC,EAAE,CAAC,YAAY,GAAG,IAAI,GAAG,EAAE,CAAA;YAC3B,IAAI,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;gBAC/C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;;gBAEjD,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;SAC1C;IACH,CAAC;IAIS,aAAa;QACrB,KAAK,CAAC,aAAa,EAAE,CAAA;QACrB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI;YACvB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;IACpD,CAAC;IAES,iBAAiB,CAAC,KAA2B;QACrD,oEAAoE;QACpE,IAAK,KAAa,CAAC,SAAS,KAAK,IAAI,CAAC,EAAE,EAAE,2CAA2C;YACnF,OAAM;QAER,8DAA8D;QAC9D,IAAI,KAAK,YAAY,iBAAiB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;YAC9F,OAAM;QAER,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;YAC3B,IAAI,CAAC,cAAc,EAAE,CAAA;SACtB;aAAM,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE;YAC3D,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,GAAC,IAAI,CAAC,OAAO,CAAC;SACzC;IACH,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC;YACxD,OAAM;QACR,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QACjE,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,EAAE,KAAK,CAAC,CAAA;QACtD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACzD,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI;gBAC/C,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;SAC9C;IACH,CAAC;IAED,kBAAkB;QAChB,KAAK,CAAC,kBAAkB,EAAE,CAAA;QAC1B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IACxD,CAAC;IAED,MAAM,CAAC,GAAQ;QACb,yDAAyD;QACzD,2CAA2C;QAC3C,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAA;QAC7B,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;YACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,GAAC,IAAI,CAAC,OAAO,CAAA;YACvC,IAAI,CAAC,cAAc,EAAE,CAAA;SACtB;;YACC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO;YACpD,OAAO,CAAC,GAAG,CAAC,4CAA4C,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;aACxE,IAAI,QAAQ,CAAC,QAAQ,IAAI,OAAO;YACnC,OAAO,CAAC,GAAG,CAAC,6CAA6C,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAClF,CAAC;IAED,WAAW,CAAC,GAAQ;QAClB,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAA;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;QAC3B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAA;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,OAAO,CAAC,EAAE;YAClC,IAAI,QAAQ,CAAC,OAAO;gBAClB,OAAO,CAAC,GAAG,CAAC,4CAA4C,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;iBACxE,IAAI,QAAQ,CAAC,QAAQ,IAAI,OAAO;gBACnC,OAAO,CAAC,GAAG,CAAC,6CAA6C,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;SACjF;aAAM,IAAI,OAAO,IAAI,IAAI,EAAE;YAC1B,IAAI,IAAI,GAAG,IAAI,CAAA;YACf,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;gBAC1E,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;iBAC/B,IAAI,CAAE,MAAc,CAAC,KAAK,KAAK,SAAS,CAAC,IAAI,CAAC,OAAO,IAAK,MAAc,CAAC,KAAK,CAAC,KAAK,CAAC;gBACxF,IAAI,GAAI,MAAc,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAE7C,IAAI,IAAI,IAAI,IAAI;gBACd,OAAM;YAER,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;;gBAEzC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YAEjC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAA;YACvC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI;gBAC3F,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;SAC9E;IACH,CAAC;IAID,MAAM,CAAC,gBAAgB;QACrB,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,eAAe,CAAA;QAE7C,IAAI,CAAC,MAAM,CAAoB,CAAC,EAAC,GAAG,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YACjD,OAAO,EAAS,CAAE,MAAM,CAAK;YAC7B,OAAO,EAAS,CAAE,MAAM,CAAK;YAC7B,cAAc,EAAE,CAAE,MAAM,CAAK;YAC7B,OAAO,EAAS,CAAE,GAAG,EAAE,IAAI,CAAE;YAC7B,QAAQ,EAAQ,CAAE,GAAG,EAAI,EAAE,CAAE;SAC9B,CAAC,CAAC,CAAA;IACL,CAAC;;;AAZM,sBAAU,GAAG,2BAA2B,CAAA;AAhIpC,WAAW"}
+{"version":3,"file":"comm_manager.js","sourceRoot":"","sources":["../../../models/comm_manager.ts"],"names":[],"mappings":"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"}

package/dist/lib/models/data.js

@@ -8,7 +8,7 @@ export function transform_cds_to_records(cds, addId = false, start = 0) {
         const item = {};
         for (const column of columns) {
             let array = cds.get_array(column);
-            const shape = array[0].shape == null ? null : array[0].shape;
+            const shape = (array[0] == null || array[0].shape == null) ? null : array[0].shape;
             if ((shape != null) && (shape.length > 1) && (typeof shape[0] == "number"))
                 item[column] = array.slice(i * shape[1], i * shape[1] + shape[1]);
             else

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

@@ -1 +1 @@
-{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../models/data.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CAAC,GAAqB,EAAE,QAAiB,KAAK,EAAE,QAAgB,CAAC;IACvG,MAAM,IAAI,GAAQ,EAAE,CAAA;IACpB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAA;IAC7B,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,EAAE,CAAA;IAClC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAE,SAAS,KAAK,IAAI;QAC1C,OAAO,EAAE,CAAA;IACX,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;QACtC,MAAM,IAAI,GAAQ,EAAE,CAAA;QACpB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;YAC5B,IAAI,KAAK,GAAQ,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACvC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC7D,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;gBACxE,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;;gBAE3D,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;SAC1B;QACD,IAAI,KAAK;YACP,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAChB;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAS,EAAE,QAAe,IAAI;IAC5D,MAAM,OAAO,GAAU,EAAE,CAAA;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAQ,EAAE,CAAA;QACtB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,KAAK,IAAI,GAAG,KAAK,OAAO;gBAC1B,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;SAC7B;KACF;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../models/data.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CAAC,GAAqB,EAAE,QAAiB,KAAK,EAAE,QAAgB,CAAC;IACvG,MAAM,IAAI,GAAQ,EAAE,CAAA;IACpB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAA;IAC7B,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,EAAE,CAAA;IAClC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAE,SAAS,KAAK,IAAI;QAC1C,OAAO,EAAE,CAAA;IAEX,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;QACtC,MAAM,IAAI,GAAQ,EAAE,CAAA;QACpB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;YAC5B,IAAI,KAAK,GAAQ,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACvC,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACnF,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;gBACxE,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,GAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;;gBAE3D,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;SAC1B;QACD,IAAI,KAAK;YACP,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAChB;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAS,EAAE,QAAe,IAAI;IAC5D,MAAM,OAAO,GAAU,EAAE,CAAA;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAQ,EAAE,CAAA;QACtB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,KAAK,IAAI,GAAG,KAAK,OAAO;gBAC1B,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;SAC7B;KACF;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

@@ -1,18 +1,20 @@
 import flatpickr from "flatpickr";
 import { InputWidget, InputWidgetView } from "@bokehjs/models/widgets/input_widget";
+import { StyleSheetLike } from "@bokehjs/core/dom";
 import { CalendarPosition } from "@bokehjs/core/enums";
 import * as p from "@bokehjs/core/properties";
-declare type DateStr = string;
-declare type DatesList = (DateStr | [DateStr, DateStr])[];
+type DateStr = string;
+type DatesList = (DateStr | [DateStr, DateStr])[];
 export declare class DatetimePickerView extends InputWidgetView {
     model: DatetimePicker;
-    private _picker;
+    private _picker?;
     connect_signals(): void;
     remove(): void;
-    styles(): string[];
+    stylesheets(): StyleSheetLike[];
     render(): void;
     protected _clear(): void;
     protected _on_close(_selected_dates: Date[], date_string: string, _instance: flatpickr.Instance): void;
+    protected _position(self: flatpickr.Instance, custom_el: HTMLElement | undefined): void;
 }
 export declare namespace DatetimePicker {
     type Attrs = p.AttrsOf<Props>;
@@ -20,8 +22,8 @@ export declare namespace DatetimePicker {
         value: p.Property<string | null>;
         min_date: p.Property<string | null>;
         max_date: p.Property<string | null>;
-        disabled_dates: p.Property<DatesList>;
-        enabled_dates: p.Property<DatesList>;
+        disabled_dates: p.Property<DatesList | null>;
+        enabled_dates: p.Property<DatesList | null>;
         position: p.Property<CalendarPosition>;
         inline: p.Property<boolean>;
         enable_time: p.Property<boolean>;
@@ -38,6 +40,5 @@ export declare class DatetimePicker extends InputWidget {
     __view_type__: DatetimePickerView;
     constructor(attrs?: Partial<DatetimePicker.Attrs>);
     static __module__: string;
-    static init_DatetimePicker(): void;
 }
 export {};

package/dist/lib/models/datetime_picker.js

@@ -1,6 +1,7 @@
+var _a;
 import flatpickr from "flatpickr";
 import { InputWidget, InputWidgetView } from "@bokehjs/models/widgets/input_widget";
-import { input } from "@bokehjs/core/dom";
+import { bounding_box, input } from "@bokehjs/core/dom";
 import { CalendarPosition } from "@bokehjs/core/enums";
 import { isString } from "@bokehjs/core/util/types";
 import * as inputs from "@bokehjs/styles/widgets/inputs.css";
@@ -20,13 +21,18 @@ function _convert_date_list(value) {
 export class DatetimePickerView extends InputWidgetView {
     connect_signals() {
         super.connect_signals();
-        const { value, min_date, max_date, disabled_dates, enabled_dates, position, inline, enable_time, enable_seconds, military_time, date_format, mode } = this.model.properties;
+        const { value, min_date, max_date, disabled_dates, enabled_dates, inline, enable_time, enable_seconds, military_time, date_format, mode } = this.model.properties;
         this.connect(value.change, () => this.model.value ? this._picker?.setDate(this.model.value) : this._clear());
         this.connect(min_date.change, () => this._picker?.set("minDate", this.model.min_date));
         this.connect(max_date.change, () => this._picker?.set("maxDate", this.model.max_date));
-        this.connect(disabled_dates.change, () => this._picker?.set("disable", this.model.disabled_dates));
-        this.connect(enabled_dates.change, () => this._picker?.set("enable", this.model.enabled_dates));
-        this.connect(position.change, () => this._picker?.set("position", this.model.position));
+        this.connect(disabled_dates.change, () => {
+            const { disabled_dates } = this.model;
+            this._picker?.set("disable", disabled_dates != null ? _convert_date_list(disabled_dates) : undefined);
+        });
+        this.connect(enabled_dates.change, () => {
+            const { enabled_dates } = this.model;
+            this._picker?.set("enable", enabled_dates != null ? _convert_date_list(enabled_dates) : undefined);
+        });
         this.connect(inline.change, () => this._picker?.set("inline", this.model.inline));
         this.connect(enable_time.change, () => this._picker?.set("enableTime", this.model.enable_time));
         this.connect(enable_seconds.change, () => this._picker?.set("enableSeconds", this.model.enable_seconds));
@@ -38,8 +44,8 @@ export class DatetimePickerView extends InputWidgetView {
         this._picker?.destroy();
         super.remove();
     }
-    styles() {
-        return [...super.styles(), flatpickr_css];
+    stylesheets() {
+        return [...super.stylesheets(), flatpickr_css];
     }
     render() {
         if (this._picker != null)
@@ -47,21 +53,29 @@ export class DatetimePickerView extends InputWidgetView {
         super.render();
         this.input_el = input({ type: "text", class: inputs.input, disabled: this.model.disabled });
         this.group_el.appendChild(this.input_el);
-        this._picker = flatpickr(this.input_el, {
+        const options = {
+            appendTo: this.group_el,
+            positionElement: this.input_el,
             defaultDate: this.model.value,
-            minDate: this.model.min_date ? new Date(this.model.min_date) : undefined,
-            maxDate: this.model.max_date ? new Date(this.model.max_date) : undefined,
             inline: this.model.inline,
-            position: this.model.position,
-            disable: _convert_date_list(this.model.disabled_dates),
-            enable: _convert_date_list(this.model.enabled_dates),
+            position: this._position.bind(this),
             enableTime: this.model.enable_time,
             enableSeconds: this.model.enable_seconds,
             time_24hr: this.model.military_time,
             dateFormat: this.model.date_format,
             mode: this.model.mode,
             onClose: (selected_dates, date_string, instance) => this._on_close(selected_dates, date_string, instance),
-        });
+        };
+        const { min_date, max_date, disabled_dates, enabled_dates } = this.model;
+        if (min_date != null)
+            options.minDate = min_date;
+        if (max_date != null)
+            options.maxDate = max_date;
+        if (disabled_dates != null)
+            options.disable = _convert_date_list(disabled_dates);
+        if (enabled_dates != null)
+            options.enable = _convert_date_list(enabled_dates);
+        this._picker = flatpickr(this.input_el, options);
         this._picker.maxDateHasTime = true;
         this._picker.minDateHasTime = true;
     }
@@ -75,35 +89,115 @@ export class DatetimePickerView extends InputWidgetView {
         this.model.value = date_string;
         this.change_input();
     }
+    _position(self, custom_el) {
+        // This function is copied directly from bokehs date_picker
+        const positionElement = custom_el ?? self._positionElement;
+        const calendarHeight = [...self.calendarContainer.children].reduce((acc, child) => acc + bounding_box(child).height, 0);
+        const calendarWidth = self.calendarContainer.offsetWidth;
+        const configPos = this.model.position.split(" ");
+        const configPosVertical = configPos[0];
+        const configPosHorizontal = configPos.length > 1 ? configPos[1] : null;
+        // const inputBounds = positionElement.getBoundingClientRect()
+        const inputBounds = {
+            top: positionElement.offsetTop,
+            bottom: positionElement.offsetTop + positionElement.offsetHeight,
+            left: positionElement.offsetLeft,
+            right: positionElement.offsetLeft + positionElement.offsetWidth,
+            width: positionElement.offsetWidth,
+        };
+        const distanceFromBottom = window.innerHeight - inputBounds.bottom;
+        const showOnTop = configPosVertical === "above" ||
+            (configPosVertical !== "below" &&
+                distanceFromBottom < calendarHeight &&
+                inputBounds.top > calendarHeight);
+        // const top =
+        //   window.scrollY +
+        //   inputBounds.top +
+        //   (!showOnTop ? positionElement.offsetHeight + 2 : -calendarHeight - 2)
+        const top = self.config.appendTo
+            ? inputBounds.top +
+                (!showOnTop ? positionElement.offsetHeight + 2 : -calendarHeight - 2)
+            : window.scrollY +
+                inputBounds.top +
+                (!showOnTop ? positionElement.offsetHeight + 2 : -calendarHeight - 2);
+        self.calendarContainer.classList.toggle("arrowTop", !showOnTop);
+        self.calendarContainer.classList.toggle("arrowBottom", showOnTop);
+        if (self.config.inline)
+            return;
+        let left = window.scrollX + inputBounds.left;
+        let isCenter = false;
+        let isRight = false;
+        if (configPosHorizontal === "center") {
+            left -= (calendarWidth - inputBounds.width) / 2;
+            isCenter = true;
+        }
+        else if (configPosHorizontal === "right") {
+            left -= calendarWidth - inputBounds.width;
+            isRight = true;
+        }
+        self.calendarContainer.classList.toggle("arrowLeft", !isCenter && !isRight);
+        self.calendarContainer.classList.toggle("arrowCenter", isCenter);
+        self.calendarContainer.classList.toggle("arrowRight", isRight);
+        const right = window.document.body.offsetWidth -
+            (window.scrollX + inputBounds.right);
+        const rightMost = left + calendarWidth > window.document.body.offsetWidth;
+        const centerMost = right + calendarWidth > window.document.body.offsetWidth;
+        self.calendarContainer.classList.toggle("rightMost", rightMost);
+        if (self.config.static)
+            return;
+        self.calendarContainer.style.top = `${top}px`;
+        if (!rightMost) {
+            self.calendarContainer.style.left = `${left}px`;
+            self.calendarContainer.style.right = "auto";
+        }
+        else if (!centerMost) {
+            self.calendarContainer.style.left = "auto";
+            self.calendarContainer.style.right = `${right}px`;
+        }
+        else {
+            const css = this.shadow_el.styleSheets[0];
+            const bodyWidth = window.document.body.offsetWidth;
+            const centerLeft = Math.max(0, bodyWidth / 2 - calendarWidth / 2);
+            const centerBefore = ".flatpickr-calendar.centerMost:before";
+            const centerAfter = ".flatpickr-calendar.centerMost:after";
+            const centerIndex = css.cssRules.length;
+            const centerStyle = `{left:${inputBounds.left}px;right:auto;}`;
+            self.calendarContainer.classList.toggle("rightMost", false);
+            self.calendarContainer.classList.toggle("centerMost", true);
+            css.insertRule(`${centerBefore},${centerAfter}${centerStyle}`, centerIndex);
+            self.calendarContainer.style.left = `${centerLeft}px`;
+            self.calendarContainer.style.right = "auto";
+        }
+    }
 }
 DatetimePickerView.__name__ = "DatetimePickerView";
 export class DatetimePicker extends InputWidget {
     constructor(attrs) {
         super(attrs);
     }
-    static init_DatetimePicker() {
-        this.prototype.default_view = DatetimePickerView;
-        this.define(({ Boolean, String, Array, Tuple, Or, Nullable }) => {
-            const DateStr = String;
-            const DatesList = Array(Or(DateStr, Tuple(DateStr, DateStr)));
-            return {
-                value: [Nullable(String), null],
-                min_date: [Nullable(String), null],
-                max_date: [Nullable(String), null],
-                disabled_dates: [DatesList, []],
-                enabled_dates: [DatesList, []],
-                position: [CalendarPosition, "auto"],
-                inline: [Boolean, false],
-                enable_time: [Boolean, true],
-                enable_seconds: [Boolean, true],
-                military_time: [Boolean, true],
-                date_format: [String, "Y-m-d H:i:S"],
-                mode: [String, "single"],
-            };
-        });
-    }
 }
+_a = DatetimePicker;
 DatetimePicker.__name__ = "DatetimePicker";
 DatetimePicker.__module__ = "panel.models.datetime_picker";
-DatetimePicker.init_DatetimePicker();
+(() => {
+    _a.prototype.default_view = DatetimePickerView;
+    _a.define(({ Boolean, String, Array, Tuple, Or, Nullable }) => {
+        const DateStr = String;
+        const DatesList = Array(Or(DateStr, Tuple(DateStr, DateStr)));
+        return {
+            value: [Nullable(String), null],
+            min_date: [Nullable(String), null],
+            max_date: [Nullable(String), null],
+            disabled_dates: [Nullable(DatesList), null],
+            enabled_dates: [Nullable(DatesList), null],
+            position: [CalendarPosition, "auto"],
+            inline: [Boolean, false],
+            enable_time: [Boolean, true],
+            enable_seconds: [Boolean, true],
+            military_time: [Boolean, true],
+            date_format: [String, "Y-m-d H:i:S"],
+            mode: [String, "single"],
+        };
+    });
+})();
 //# sourceMappingURL=datetime_picker.js.map