@holoviz/panel 1.6.1 → 1.6.2-a.2

package/dist/panel.js

@@ -56,7 +56,7 @@
     const tslib_1 = require("tslib");
     var ace_1 = require("4ccbc5a371") /* ./ace */;
     __esExport("AcePlot", ace_1.AcePlot);
-    var anywidget_component_1 = require("645799b9ab") /* ./anywidget_component */;
+    var anywidget_component_1 = require("3df8113309") /* ./anywidget_component */;
     __esExport("AnyWidgetComponent", anywidget_component_1.AnyWidgetComponent);
     var audio_1 = require("fd59c985b3") /* ./audio */;
     __esExport("Audio", audio_1.Audio);
@@ -94,7 +94,7 @@
     __esExport("DiscretePlayer", discrete_player_1.DiscretePlayer);
     var echarts_1 = require("253f80e325") /* ./echarts */;
     __esExport("ECharts", echarts_1.ECharts);
-    var feed_1 = require("8c6863628e") /* ./feed */;
+    var feed_1 = require("e5adac714d") /* ./feed */;
     __esExport("Feed", feed_1.Feed);
     var file_download_1 = require("84a13dddfb") /* ./file_download */;
     __esExport("FileDownload", file_download_1.FileDownload);
@@ -130,11 +130,11 @@
     __esExport("QuillInput", quill_1.QuillInput);
     var radio_button_group_1 = require("25e2d7c208") /* ./radio_button_group */;
     __esExport("RadioButtonGroup", radio_button_group_1.RadioButtonGroup);
-    var react_component_1 = require("f302071ea0") /* ./react_component */;
+    var react_component_1 = require("b78525131a") /* ./react_component */;
     __esExport("ReactComponent", react_component_1.ReactComponent);
     var reactive_html_1 = require("cbb686033d") /* ./reactive_html */;
     __esExport("ReactiveHTML", reactive_html_1.ReactiveHTML);
-    var reactive_esm_1 = require("3968783a3e") /* ./reactive_esm */;
+    var reactive_esm_1 = require("ce510a91b9") /* ./reactive_esm */;
     __esExport("ReactiveESM", reactive_esm_1.ReactiveESM);
     var singleselect_1 = require("168c4d0ebd") /* ./singleselect */;
     __esExport("SingleSelect", singleselect_1.SingleSelect);
@@ -674,10 +674,10 @@
         scheduled();
     }
 },
-"645799b9ab": /* models/anywidget_component.js */ function _(require, module, exports, __esModule, __esExport) {
+"3df8113309": /* models/anywidget_component.js */ function _(require, module, exports, __esModule, __esExport) {
     var _a;
     __esModule();
-    const reactive_esm_1 = require("3968783a3e") /* ./reactive_esm */;
+    const reactive_esm_1 = require("ce510a91b9") /* ./reactive_esm */;
     class AnyWidgetModelAdapter {
         constructor(model) {
             this.view = null;
@@ -687,8 +687,20 @@
         }
         get(name) {
             let value;
-            if (name in this.model.data.attributes) {
-                value = this.model.data.attributes[name];
+            const propPath = name.split(".");
+            let targetModel = this.model.data;
+            for (let i = 0; i < propPath.length - 1; i++) {
+                if (targetModel && targetModel.attributes && propPath[i] in targetModel.attributes) {
+                    targetModel = targetModel.attributes[propPath[i]];
+                }
+                else {
+                    // Stop if any part of the path is missing
+                    targetModel = null;
+                    break;
+                }
+            }
+            if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
+                value = targetModel.attributes[propPath[propPath.length - 1]];
             }
             else {
                 value = this.model.attributes[name];
@@ -699,7 +711,7 @@
             return value;
         }
         set(name, value) {
-            if (name in this.model.data.attributes) {
+            if (name.split(".")[0] in this.model.data.attributes) {
                 this.data_changes = { ...this.data_changes, [name]: value };
             }
             else if (name in this.model.attributes) {
@@ -709,7 +721,26 @@
         save_changes() {
             this.model.setv(this.model_changes);
             this.model_changes = {};
-            this.model.data.setv(this.data_changes);
+            for (const key in this.data_changes) {
+                const propPath = key.split(".");
+                let targetModel = this.model.data;
+                for (let i = 0; i < propPath.length - 1; i++) {
+                    if (targetModel && targetModel.attributes && propPath[i] in targetModel.attributes) {
+                        targetModel = targetModel.attributes[propPath[i]];
+                    }
+                    else {
+                        console.warn(`Skipping '${key}': '${propPath[i]}' does not exist.`);
+                        targetModel = null;
+                        break;
+                    }
+                }
+                if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
+                    targetModel.setv({ [propPath[propPath.length - 1]]: this.data_changes[key] });
+                }
+                else {
+                    console.warn(`Skipping '${key}': Final property '${propPath[propPath.length - 1]}' not found.`);
+                }
+            }
             this.data_changes = {};
         }
         on(event, cb) {
@@ -808,7 +839,7 @@ export default {render}`;
         _a.prototype.default_view = AnyWidgetComponentView;
     })();
 },
-"3968783a3e": /* models/reactive_esm.js */ function _(require, module, exports, __esModule, __esExport) {
+"ce510a91b9": /* models/reactive_esm.js */ function _(require, module, exports, __esModule, __esExport) {
     var _a, _b, _c;
     __esModule();
     exports.model_getter = model_getter;
@@ -834,7 +865,7 @@ export default {render}`;
     const html_1 = require("7b7afbbd3d") /* ./html */;
     const layout_1 = require("7fd01cffc4") /* ./layout */;
     const util_1 = require("6ae1cb3800") /* ./util */;
-    const esm_css_1 = tslib_1.__importDefault(require("c003e3b193") /* ../styles/models/esm.css */);
+    const esm_css_1 = tslib_1.__importDefault(require("727a14f76b") /* ../styles/models/esm.css */);
     const MODULE_CACHE = new Map();
     class DataEvent extends bokeh_events_1.ModelEvent {
         constructor(data) {
@@ -907,7 +938,7 @@ export default {render}`;
                     if (p.startsWith("change:")) {
                         p = p.slice("change:".length);
                     }
-                    if (p in model.attributes || p in model.data.attributes) {
+                    if (p in model.attributes || p.split(".")[0] in model.data.attributes) {
                         model.unwatch(target, p, callback);
                         continue;
                     }
@@ -936,7 +967,7 @@ export default {render}`;
                     if (p.startsWith("change:")) {
                         p = p.slice("change:".length);
                     }
-                    if (p in model.attributes || p in model.data.attributes) {
+                    if (p in model.attributes || p.split(".")[0] in model.data.attributes) {
                         model.watch(target, p, callback);
                         continue;
                     }
@@ -1026,9 +1057,7 @@ export default {render}`;
         }
         stylesheets() {
             const stylesheets = super.stylesheets();
-            if (this.model.dev) {
-                stylesheets.push(esm_css_1.default);
-            }
+            stylesheets.push(esm_css_1.default);
             if (this.model.css_bundle) {
                 if (this.model.bundle === "url") {
                     stylesheets.push(new dom_2.ImportedStyleSheet(this.model.css_bundle));
@@ -1315,8 +1344,25 @@ export default {render}`;
             else {
                 this._esm_watchers[prop] = [[view, cb]];
             }
-            if (prop in this.data.properties) {
-                this.data.property(prop).change.connect(cb);
+            const propPath = prop.split(".");
+            let target = this.data;
+            let resolvedProp = null;
+            for (let i = 0; i < propPath.length - 1; i++) {
+                if (target && target.properties && propPath[i] in target.properties) {
+                    target = target[propPath[i]];
+                }
+                else {
+                    // Break if any level of the path is invalid
+                    target = null;
+                    break;
+                }
+            }
+            if (target && target.properties && propPath[propPath.length - 1] in target.properties) {
+                resolvedProp = propPath[propPath.length - 1];
+            }
+            // Attach watcher if property is found
+            if (resolvedProp && target) {
+                target.property(resolvedProp).change.connect(cb);
             }
             else if (prop in this.properties) {
                 this.property(prop).change.connect(cb);
@@ -1326,20 +1372,40 @@ export default {render}`;
             if (!(prop in this._esm_watchers)) {
                 return false;
             }
+            // Filter out the specific callback for this view
             const remaining = [];
             for (const [wview, wcb] of this._esm_watchers[prop]) {
                 if (wview !== view || wcb !== cb) {
-                    remaining.push([wview, cb]);
+                    remaining.push([wview, wcb]);
                 }
             }
+            // Update or delete watcher list
             if (remaining.length > 0) {
                 this._esm_watchers[prop] = remaining;
             }
             else {
                 delete this._esm_watchers[prop];
             }
-            if (prop in this.data.properties) {
-                return this.data.property(prop).change.disconnect(cb);
+            // Resolve nested properties
+            const propPath = prop.split(".");
+            let target = this.data;
+            let resolvedProp = null;
+            for (let i = 0; i < propPath.length - 1; i++) {
+                if (target && target.properties && propPath[i] in target.properties) {
+                    target = target[propPath[i]];
+                }
+                else {
+                    // Stop if the path does not exist
+                    target = null;
+                    break;
+                }
+            }
+            if (target && target.properties && propPath[propPath.length - 1] in target.properties) {
+                resolvedProp = propPath[propPath.length - 1];
+            }
+            // Detach watcher if property is found
+            if (resolvedProp && target) {
+                return target.property(resolvedProp).change.disconnect(cb);
             }
             else if (prop in this.properties) {
                 return this.property(prop).change.disconnect(cb);
@@ -1352,7 +1418,7 @@ export default {render}`;
                 const remaining = [];
                 for (const [wview, cb] of this._esm_watchers[p]) {
                     if (wview === view) {
-                        prop.change.disconnect(cb);
+                        prop?.change.disconnect(cb);
                     }
                     else {
                         remaining.push([wview, cb]);
@@ -18006,9 +18072,9 @@ ${namesToRegister
     __esModule();
     exports.default = `.copybtn{position:sticky;display:flex;top:0;left:100%;width:1.7em;height:1.7em;opacity:0;transition:opacity 0.3s, border 0.3s, background-color 0.3s;user-select:none;padding:0;border:none;outline:none;border-radius:0.4em;border:#1b1f2426 1px solid;background-color:#f6f8fa;color:#57606a;}.codehilite pre{margin-top:-1.7em;}.copybtn svg{stroke:currentColor;width:1.5em;height:1.5em;padding:0.1em;}.codehilite:hover .copybtn{opacity:1;cursor:pointer;}`;
 },
-"c003e3b193": /* styles/models/esm.css.js */ function _(require, module, exports, __esModule, __esExport) {
+"727a14f76b": /* styles/models/esm.css.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    exports.default = `.error-wrapper{display:contents;}.error{padding:0.75rem 1.25rem;border:1px solid transparent;border-radius:0.25rem;color:var(--danger-text-color);background-color:var(--danger-bg-subtle);border-color:var(--danger-border-subtle);}.error .msg{font-weight:bold;}.error pre.highlight{backdrop-filter:brightness(0.8);font-weight:900;}`;
+    exports.default = `.error-wrapper,.child-wrapper{display:contents;}.error{padding:0.75rem 1.25rem;border:1px solid transparent;border-radius:0.25rem;color:var(--danger-text-color);background-color:var(--danger-bg-subtle);border-color:var(--danger-border-subtle);}.error .msg{font-weight:bold;}.error pre.highlight{backdrop-filter:brightness(0.8);font-weight:900;}`;
 },
 "fd59c985b3": /* models/audio.js */ function _(require, module, exports, __esModule, __esExport) {
     var _a;
@@ -25962,7 +26028,7 @@ ${namesToRegister
         }));
     })();
 },
-"8c6863628e": /* models/feed.js */ function _(require, module, exports, __esModule, __esExport) {
+"e5adac714d": /* models/feed.js */ function _(require, module, exports, __esModule, __esExport) {
     var _a, _b;
     __esModule();
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -26143,6 +26209,10 @@ ${namesToRegister
             }
             return created;
         }
+        _update_layout() {
+            super._update_layout();
+            this.style.append(":host > div", { max_height: "unset" });
+        }
         render() {
             this._rendered = false;
             super.render();
@@ -28427,10 +28497,10 @@ ${namesToRegister
         }));
     })();
 },
-"f302071ea0": /* models/react_component.js */ function _(require, module, exports, __esModule, __esExport) {
+"b78525131a": /* models/react_component.js */ function _(require, module, exports, __esModule, __esExport) {
     var _a;
     __esModule();
-    const reactive_esm_1 = require("3968783a3e") /* ./reactive_esm */;
+    const reactive_esm_1 = require("ce510a91b9") /* ./reactive_esm */;
     class ReactComponentView extends reactive_esm_1.ReactiveESMView {
         constructor() {
             super(...arguments);
@@ -28550,14 +28620,35 @@ class Child extends React.Component {
 function react_getter(target, name) {
   if (name == "useState") {
     return (prop) => {
-      const data_model = target.model.data
-      if (Reflect.has(data_model, prop)) {
-        const [value, setValue] = React.useState(data_model.attributes[prop]);
-        react_proxy.on(prop, () => setValue(data_model.attributes[prop]))
-        React.useEffect(() => data_model.setv({[prop]: value}), [value])
-        return [value, setValue]
+      const data_model = target.model.data;
+      const propPath = prop.split(".");
+      let targetModel = data_model;
+      let resolvedProp = null;
+
+      for (let i = 0; i < propPath.length - 1; i++) {
+        if (targetModel && targetModel.properties && propPath[i] in targetModel.properties) {
+          targetModel = targetModel[propPath[i]];
+        } else {
+          // Stop if any part of the path is missing
+          targetModel = null;
+          break;
+        }
+      }
+      if (targetModel && targetModel.attributes && propPath[propPath.length - 1] in targetModel.attributes) {
+        resolvedProp = propPath[propPath.length - 1];
+      }
+      if (resolvedProp && targetModel) {
+        const [value, setValue] = React.useState(targetModel.attributes[resolvedProp]);
+
+        react_proxy.on(prop, () => setValue(targetModel.attributes[resolvedProp]));
+
+        React.useEffect(() => {
+            targetModel.setv({ [resolvedProp]: value });
+        }, [value]);
+
+        return [value, setValue];
       }
-      return undefined
+      throw ReferenceError("Could not resolve " + prop + " on " + target.model.class_name)
     }
   } else if (name === "get_child") {
     return (child) => {
@@ -39856,5 +39947,5 @@ ${compiled}`;
         util_1.vtkns.FullScreenRenderWindowSynchronized = FullScreenRenderWindowSynchronized;
     }
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"2fe1822b2b","models/ace":"4ccbc5a371","models/layout":"7fd01cffc4","models/util":"6ae1cb3800","models/anywidget_component":"645799b9ab","models/reactive_esm":"3968783a3e","models/event-to-object":"2cc1a33000","models/html":"7b7afbbd3d","styles/models/html.css":"8694ed3f61","styles/models/esm.css":"c003e3b193","models/audio":"fd59c985b3","models/browser":"5a16cc23e6","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"17193475a8","models/card":"c2f574b5f0","models/column":"42f54ab82e","styles/models/card.css":"edc7ee0090","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"27a077673d","models/textarea_input":"b7d595d74a","models/comm_manager":"3ec0e8eb36","models/customselect":"92bbd30bd1","models/multiselect":"27b5580835","models/tabulator":"4850d465f9","models/data":"be689f0377","styles/models/tabulator.css":"b0e650c65c","models/datetime_picker":"ddf98634bb","models/datetime_slider":"c97cc0eade","models/deckgl":"55dbdadf2d","models/lumagl":"a49afbffe9","models/tooltips":"f8f8ea4284","models/discrete_player":"0dca2cd4f6","models/player":"e08222207c","models/echarts":"253f80e325","models/feed":"8c6863628e","models/file_download":"84a13dddfb","models/file_dropper":"c0c26a60ff","styles/models/filedropper.css":"c03dd3c931","models/ipywidget":"8a8089cbf3","models/json":"7eff964d3e","models/jsoneditor":"d34360f699","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"bbfcfd3ba2","models/modal":"c7aa6cc7c5","styles/models/modal.css":"be4b4352c6","models/pdf":"f87ad1873c","models/perspective":"5db5031a50","styles/models/perspective.css":"2e2913ea54","models/plotly":"ffbe075545","styles/models/plotly.css":"ce7c8e2a4f","models/progress":"aded75e266","models/quill":"cfa2675b56","models/radio_button_group":"25e2d7c208","models/react_component":"f302071ea0","models/reactive_html":"cbb686033d","models/singleselect":"168c4d0ebd","models/speech_to_text":"5ac2cab0ab","models/state":"92822cb73a","models/tabs":"2231cdc549","models/terminal":"121f00bd6f","models/text_input":"8be416b160","models/text_to_speech":"a04eb51988","models/time_picker":"1afcab4e45","models/toggle_icon":"ad985f285e","models/tooltip_icon":"ae3a172647","models/trend":"7f147f0c2a","models/vega":"119dc23765","models/video":"79dc37b888","styles/models/video.css":"dfe21e6f1b","models/videostream":"f8afc4e661","models/vizzu":"1f7bc1f95b","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"ac55912dc1","models/vtk/vtklayout":"b06d05fa3e","models/vtk/util":"df9946ff52","models/vtk/vtkcolorbar":"b1d68776a9","models/vtk/vtkaxes":"0379dcf1cd","models/vtk/vtkvolume":"18592eecef","models/vtk/vtksynchronized":"a4e5946204","models/vtk/panel_fullscreen_renwin_sync":"5e89c7b3eb"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"2fe1822b2b","models/ace":"4ccbc5a371","models/layout":"7fd01cffc4","models/util":"6ae1cb3800","models/anywidget_component":"3df8113309","models/reactive_esm":"ce510a91b9","models/event-to-object":"2cc1a33000","models/html":"7b7afbbd3d","styles/models/html.css":"8694ed3f61","styles/models/esm.css":"727a14f76b","models/audio":"fd59c985b3","models/browser":"5a16cc23e6","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"17193475a8","models/card":"c2f574b5f0","models/column":"42f54ab82e","styles/models/card.css":"edc7ee0090","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"27a077673d","models/textarea_input":"b7d595d74a","models/comm_manager":"3ec0e8eb36","models/customselect":"92bbd30bd1","models/multiselect":"27b5580835","models/tabulator":"4850d465f9","models/data":"be689f0377","styles/models/tabulator.css":"b0e650c65c","models/datetime_picker":"ddf98634bb","models/datetime_slider":"c97cc0eade","models/deckgl":"55dbdadf2d","models/lumagl":"a49afbffe9","models/tooltips":"f8f8ea4284","models/discrete_player":"0dca2cd4f6","models/player":"e08222207c","models/echarts":"253f80e325","models/feed":"e5adac714d","models/file_download":"84a13dddfb","models/file_dropper":"c0c26a60ff","styles/models/filedropper.css":"c03dd3c931","models/ipywidget":"8a8089cbf3","models/json":"7eff964d3e","models/jsoneditor":"d34360f699","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"bbfcfd3ba2","models/modal":"c7aa6cc7c5","styles/models/modal.css":"be4b4352c6","models/pdf":"f87ad1873c","models/perspective":"5db5031a50","styles/models/perspective.css":"2e2913ea54","models/plotly":"ffbe075545","styles/models/plotly.css":"ce7c8e2a4f","models/progress":"aded75e266","models/quill":"cfa2675b56","models/radio_button_group":"25e2d7c208","models/react_component":"b78525131a","models/reactive_html":"cbb686033d","models/singleselect":"168c4d0ebd","models/speech_to_text":"5ac2cab0ab","models/state":"92822cb73a","models/tabs":"2231cdc549","models/terminal":"121f00bd6f","models/text_input":"8be416b160","models/text_to_speech":"a04eb51988","models/time_picker":"1afcab4e45","models/toggle_icon":"ad985f285e","models/tooltip_icon":"ae3a172647","models/trend":"7f147f0c2a","models/vega":"119dc23765","models/video":"79dc37b888","styles/models/video.css":"dfe21e6f1b","models/videostream":"f8afc4e661","models/vizzu":"1f7bc1f95b","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"ac55912dc1","models/vtk/vtklayout":"b06d05fa3e","models/vtk/util":"df9946ff52","models/vtk/vtkcolorbar":"b1d68776a9","models/vtk/vtkaxes":"0379dcf1cd","models/vtk/vtkvolume":"18592eecef","models/vtk/vtksynchronized":"a4e5946204","models/vtk/panel_fullscreen_renwin_sync":"5e89c7b3eb"}, {});});
 //# sourceMappingURL=panel.js.map