a bbD@sZddlmZddlZddlmZddlmZddlmZddl m Z Gd d d ee Z dS) ) OrderedDictN bundled_files) ReactiveHTML) classproperty)GridSpecc@seZdZdZejdddZejdddZejddZ ej dd Z ej dd Z d Z d Zd gd gdgdgdgdZddgZdgZd did did ddiidZeddZiZeddZeddZejdddd d!Zejd"ddd#d$ZdS)% GridStackz The GridStack layout builds on the GridSpec component and gridstack.js to allow resizing and dragging items in the grid. Tz' Allow resizing the grid cells.)defaultdocz' Allow dragging the grid cells.zV Current state of the grid (updated as items are resized and dragged).)r N)r Z gridstacka
{% for key, obj in objects.items() %}
${obj}
{% endfor %}
a const options = { column: data.ncols, disableResize: !data.allow_resize, disableDrag: !data.allow_drag, margin: 0 } if (data.nrows) options.row = data.nrows if (model.height) options.cellHeight = Math.floor(model.height/data.nrows) const gridstack = GridStack.init(options, grid); function sync_state() { const items = [] for (const node of gridstack.engine.nodes) { items.push({id: node.el.getAttribute('data-id'), x0: node.x, y0: node.y, x1: node.x+node.w, y1: node.y+node.h}) } data.state = items } gridstack.on('resizestop', (event, el) => { window.dispatchEvent(new Event("resize")); sync_state() }) gridstack.on('dragstop', (event, el) => { sync_state() }) sync_state() state.gridstack = gridstack z+state.gridstack.enableMove(data.allow_drag)z/state.gridstack.enableResize(data.allow_resize)z"state.gridstack.column(data.ncols)z state.gristack.opts.row = data.nrows if (data.nrows && model.height) state.gridstack.cellHeight(Math.floor(model.height/data.nrows)) else state.gridstack.cellHeight('auto') )Zrender allow_drag allow_resizencolsnrowszChttps://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack.min.csszIhttps://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-extra.min.csszAhttps://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5.jsz>https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5exports)pathsrshimcCsd|jddiS)Nr rr)__javascript__clsr5lib/python3.9/site-packages/panel/layout/gridstack.py __js_skip__lszGridStack.__js_skip__cCst|S)NrrrrrrtszGridStack.__javascript__cCs t|dS)NZcssrrrrr__css__xszGridStack.__css__state)ZwatchcCsjt}dd|D}|jD],}||d||d|d|d|df<q|j|j||dS)NcSsi|]}tt||qSr)strid).0objrrr z-GridStack._update_objects..ry0x0y1x1)rrobjectsclearupdate_update_sizing)selfr&Z object_idsprrr_update_objects|s *  zGridStack._update_objectsr&c s:|jrtt|j|j}nd}|jr.) rintfloatr-rr. enumerater&itemsr/r0r() r*r-r.ir"r#r$r%hwZ propertiesrr4rr)s,"     zGridStack._update_sizing)__name__ __module__ __qualname____doc__r0ZBooleanrr ListrZIntegerr-r.Z_extension_nameZ _templateZ_scriptsZ __css_raw__Z__javascript_raw__Z__js_require__rrZ_renamerrZdependsr,r)rrrrr sN    +     r ) collectionsrr0Z io.resourcesrZreactiverutilrZgridr r rrrrs