BenddlmZddlmZddlmZmZmZddlZddl m Z ddl m Z m Z ddl mZdd lmZd d lmZGd d eeZdS)) annotations) OrderedDict)ClassVarListMappingN)config)CDN_DIST bundled_files) ReactiveHTML) classproperty)GridSpecc"eZdZUdZejddZejddZejdZ ej d Z ej d Z d Z d Zd d ddddddZejdejdgZejdgZd ejdid did ddiidZddddZded<ed gZd!ed"<ed#Zed$Zed%Zejd&d'd(Zejdd'd)ZdS)* GridStacka~ The `GridStack` layout allows arranging multiple Panel objects in a grid using a simple API to assign objects to individual grid cells or to a grid span. Other layout containers function like lists, but a `GridSpec` has an API similar to a 2D array, making it possible to use 2D assignment to populate, index, and slice the grid. Reference: https://panel.holoviz.org/reference/layouts/GridStack.html :Example: >>> pn.extension('gridstack') >>> gstack = GridStack(sizing_mode='stretch_both') >>> gstack[ : , 0: 3] = pn.Spacer(styles=dict(background='red')) >>> gstack[0:2, 3: 9] = pn.Spacer(styles=dict(background='green')) >>> gstack[2:4, 6:12] = pn.Spacer(styles=dict(background='orange')) >>> gstack[4:6, 3:12] = pn.Spacer(styles=dict(background='blue')) >>> gstack[0:2, 9:12] = pn.Spacer(styles=dict(background='purple')) 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).)rN)r 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 const height = model.height || grid.offsetHeight; options.cellHeight = Math.floor(height/data.nrows); } const gridstack = GridStack.init(options, grid); function sync_state(load=false) { 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) => { sync_state() view.invalidate_layout() }) gridstack.on('dragstop', (event, el) => { sync_state() }) sync_state() state.gridstack = gridstack state.init = false z self.nrows() if (!state.init) { state.init = true view.invalidate_layout() } state.gridstack.engine._notify() z+state.gridstack.enableMove(data.allow_drag)z/state.gridstack.enableResize(data.allow_resize)z"state.gridstack.column(data.ncols)a- state.gridstack.opts.row = data.nrows if (data.nrows) { const height = model.height || grid.offsetHeight || model.min_height; state.gridstack.cellHeight(Math.floor(height/data.nrows)) } else { state.gridstack.cellHeight('auto') } zstate.gridstack.destroy())render after_layout allow_drag allow_resizencolsnrowsremovez'/gridstack@7.2.3/dist/gridstack.min.cssz-/gridstack@7.2.3/dist/gridstack-extra.min.cssz&/gridstack@7.2.3/dist/gridstack-all.jsz#/gridstack@7.2.3/dist/gridstack-allexports)pathsrshimrrobjects)rrrz"ClassVar[Mapping[str, str | None]]_renamezcss/gridstack.csszClassVar[List[str]] _stylesheetsc$d|jddiS)Nrrr)__javascript__clss 6lib/python3.11/site-packages/panel/layout/gridstack.py __js_skip__zGridStack.__js_skip__s +AaC0  c t|S)Nr r$s r&r#zGridStack.__javascript__sS!!!r(c"t|dS)Ncssr*r$s r&__css__zGridStack.__css__sS%(((r(state)watchc6t}d|D}|jD]/}||d||d|d|d|df<0|j|j||dS)NcHi|]}tt|| S)strid).0objs r& z-GridStack._update_objects..s&888Cc"S''llC888r(r4y0x0y1x1)rr.rclearupdate_update_sizing)selfr object_idsps r&_update_objectszGridStack._update_objectss--884888  P PA.s>   Ay|, 1   r(r2) rrErrF enumerateritemsrGintrIr=) r?rErFir8r9r:r;hw propertiesr6s @r&r>zGridStack._update_sizings : $* Jtz)EEE : $+ [+FFF*3DL4F4F4H4H*I*I   &A& RR#jbB!#$**BjbB!#$**Bb5"R%qAJ?227*-ag,,Jw'9+.qx==Jx(,0,< =)d...6.+.qx==Jx((!111e1*-ag,,Jw' CI       !+!1!1!3!3       '  r() __name__ __module__ __qualname____doc__rIBooleanrrrr.IntegerrErF_extension_name _template_scriptsr npm_cdn __css_raw____javascript_raw____js_require__r __annotations__r r!r r'r#r-dependsrBr>r2r(r&rrsb,!5=4*+++Lt2*+++J EJ   E EM$ ' ' 'E U]4 ( ( (F!OI > FI< .i55Hp >BBB >HHHK >AAA FNOOO    ;   N7y33G &&&)L  ] ""]"))])U]7$'''('U]9D)))!!*)!!!r(r) __future__r collectionsrtypingrrrrIr io.resourcesr r reactiver utilr gridrrr2r(r&rjs""""""######********** 22222222###### AAAAA hAAAAAr(