a Df/@s~ddlmZddlmZmZmZddlZddlmZddlm Z m Z ddl m Z ddl mZd d lmZGd d d e eZdS) ) annotations)ClassVarListMappingN)config)CDN_DIST bundled_files) ReactiveHTML) classproperty)GridSpecc@s0eZdZUdZejdddZejdddZejddZ ej dd Z ej dd Z d Z d Zd d ddddddZejdejdgZejdgZd ejdid did ddiidZddddZded<ed gZd!ed"<ed#d$Zed%d&Zed'd(Zejd)dd*d+d,Zejddd*d-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)rZ 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())renderZ 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]] _stylesheetscCsd|jddiS)Nrrr )__javascript__clsr c/nfs/NAS7/SABIOD/METHODE/ermites/ermites_venv/lib/python3.9/site-packages/panel/layout/gridstack.py __js_skip__szGridStack.__js_skip__cCst|S)Nr rr r r!rszGridStack.__javascript__cCs t|dS)Ncssr#rr r r!__css__szGridStack.__css__state)ZwatchcCshi}dd|D}|jD],}||d||d|d|d|df<q|j|j||dS)NcSsi|]}tt||qSr )strid).0objr r r! z-GridStack._update_objects..r(y0x0y1x1)r&rclearupdate_update_sizing)selfrZ object_idspr r r!_update_objectss *  zGridStack._update_objectsc s`|jr|jr|j|j}nd}|jr8|jr8|j|j}nd}|jD]\\}}}}|durddn|}|durv|jn|}|durdn|}|dur|jn|}||||}}i} |jdvr|rt||| d<|rt||| d<nP|j| d<d|jvr|rt||| d<n"d|jvr6|r6t||| d<jj fifdd| DqFdS)Nr)fixedNwidthheight sizing_modecs"i|]\}}j|js||qSr )paramreadonly)r)kvr*r r!r+s z,GridStack._update_sizing..) rr8rr9ritemsr:intr;r2) r4r8r9r-r.r/r0hwZ propertiesr r?r!r3s4    zGridStack._update_sizing) __name__ __module__ __qualname____doc__r;Booleanrrrr&ZIntegerr8r9Z_extension_name _templateZ_scriptsrZnpm_cdnZ __css_raw__Z__javascript_raw__Z__js_require__r__annotations__rrr r"rr%dependsr6r3r r r r!rsX      8          r) __future__rtypingrrrr;rZ io.resourcesrr Zreactiver utilr Zgridr rr r r r!s