a
Df. @ sb d Z ddlmZ ddlmZmZ ddlZddlmZ ddl m
Z
dd l m Z G d
d d e e
Z
dS ) z<
The Swipe layout enables you to quickly compare two panels
) annotations)ClassVarListN )CDN_DIST) ReactiveHTML )ListLikec s e Zd ZU dZejg ddddZejdddd Zej d
d d Z
ejd
ddd Z e Z
e ZdZded< dZdddddddZe dgZd ed < fd d Zejd d!d!d"d#d$ Zed%d& Zejd'd& Zed(d) Zejd*d) Zd. fd,d- Z Z S )/Swipez
The Swipe layout enables you to quickly compare two panels laid
out on top of each other with a part of the *before* panel shown
on one side of a slider and a part of the *after* panel shown on
the other side.
)r r z;
The list of child objects that make up the layout.)defaultboundsdoc
precedence )r z*
The width of the slider in pixels)r r
r Zblackz
The color of the slider)r r 2 )r d z5
The percentage of the *after* panel to show.ZverticalzClassVar[str | None]
_directiona
z'
self.adjustSlider()
z
self.value()
a
function endDrag() {
document.removeEventListener('mouseup', endDrag);
document.removeEventListener('mousemove', handleDrag);
}
function handleDrag(e) {
e = e || window.event;
e.preventDefault();
current = e.clientX
start = view.el.getBoundingClientRect().left
value = parseInt(((current-start)/ container.clientWidth)*100)
data.value = Math.max(0, Math.min(value, 100))
}
let e = event || window.event;
e.preventDefault();
document.addEventListener('mouseup', endDrag);
document.addEventListener('mousemove', handleDrag);
a%
before.style.clipPath = `polygon(0% 0%, calc(${data.value}% + 5px) 0%, calc(${data.value}% + 5px) 100%, 0% 100%)`
after.style.clipPath = `polygon(calc(${data.value}% + 5px) 0%, 100% 0%, 100% 100%, calc(${data.value}% + 5px) 100%)`
self.adjustSlider()
zself.adjustSlider()z
halfWidth = parseInt(data.slider_width/2)
slider.style.marginLeft = `calc(${data.value}% + 5px - ${halfWidth}px)`
)renderZ after_layoutZdragvalue slider_widthZ adjustSliderz
css/swipe.csszClassVar[List[str]] _stylesheetsc s` d|v r|rt dddlm |d|}|s8d d g}t jf d fdd|D i| d S )NobjectszSEither supply objects as an positional argument or as a keyword argument, not both.r panelc s g | ] } |qS r ).0objr r _/nfs/NAS7/SABIOD/METHODE/ermites/ermites_venv/lib/python3.9/site-packages/panel/layout/swipe.py
j z"Swipe.__init__..)
ValueErrorZ pane.baser popsuper__init__)selfr params __class__r r r% ` s zSwipe.__init__r T)ZwatchZon_initc C s | j | _| j| _d S )N)before_beforeafter_afterr& r r r _update_layoutl s zSwipe._update_layoutc C s t | r| d S d S Nr lenr. r r r r* q s z Swipe.beforec C s || d< d S r0 r )r& r* r r r r* u s c C s t | dkr| d S d S Nr r1 r. r r r r, y s z Swipe.afterc C s || d< d S r3 r )r& r, r r r r, } s Nc s( t |}| D ]}|||7 }q|S )a
Iterates over the Viewable and any potential children in the
applying the Selector.
Arguments
---------
selector: type or callable or None
The selector allows selecting a subset of Viewables by
declaring a type or callable function to filter by.
Returns
-------
viewables: list(Viewable)
)r$ select)r& selectorr r r( r r r4 s z Swipe.select)N) __name__
__module__ __qualname____doc__paramr r ZIntegerr ZColorZ slider_colorr Parameterr+ r- r __annotations__ _templateZ_scriptsr r r% dependsr/ propertyr* setterr, r4
__classcell__r r r( r r
s@
&
r
)r9
__future__r typingr r r: Z io.resourcesr Zreactiver baser r
r r r r s