Be. p d Z ddlmZ ddlmZmZ ddlZddlmZ ddl m
Z
dd l m Z G d
d e e
Z
dS ) z<
The Swipe layout enables you to quickly compare two panels
) annotations)ClassVarListN )CDN_DIST) ReactiveHTML )ListLikec e Zd ZU dZ ej g ddd Z ej ddd Z ej d
d Z
ej d
dd Z ej Z
ej ZdZded< dZdddddddZe dgZd ed < fd Z ej d d d ! d" Zed# Zej d$ Zed% Zej d& Zd) fd( Z xZ 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 blackz
The color of the slider)r r 2 )r d z5
The percentage of the *after* panel to show.verticalzClassVar[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)`
)render after_layoutdragvalue slider_width adjustSliderz
css/swipe.csszClassVar[List[str]] _stylesheetsc d|v r|rt d ddlm | d| }|sd d g} t j ddfd|D i| d S )NobjectszSEither supply objects as an positional argument or as a keyword argument, not both.r )panelc & g | ]
} | S r$ ).0objr" s 2lib/python3.11/site-packages/panel/layout/swipe.py
z"Swipe.__init__..j s! !@!@!@%%**!@!@!@ r$ )
ValueError pane.baser" popsuper__init__)selfr! paramsr" __class__s @r' r. zSwipe.__init__` s 7 3
&%%%%%**Y00 #TlGKK!@!@!@!@!@!@!@KFKKKKKr) r! T)watchon_initc 6 | j | _ | j | _ d S N)before_beforeafter_afterr/ s r' _update_layoutzSwipe._update_layoutl s { j r) c 4 t | r| d nd S Nr lenr: s r' r6 z Swipe.beforeq s d))-tAww-r) c || d< d S r= r$ )r/ r6 s r' r6 z Swipe.beforeu s Qr) c < t | dk r| d nd S Nr r> r: s r' r8 z Swipe.aftery s d))a--tAwwT1r) c || d< d S rB r$ )r/ r8 s r' r8 z Swipe.after} s Qr) Nc t | }| D ]}|| | z
}|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& r1 s r' rE z Swipe.select sF ''..** , ,C szz(++ +GGr) r5 ) __name__
__module__ __qualname____doc__paramr r! Integerr Color slider_colorr Parameterr7 r9 r __annotations__ _template_scriptsr r r. dependsr; propertyr6 setterr8 rE
__classcell__)r1 s @r' r r s# ejF 9>JLN N NG !5=7 A- . . .L 5;w 5# $ $ $L
EM"X <8
9
9
9E eo G
U_
F'1J1111 I $
. ?# #HL """)L
L
L
L
L
L U]9D$777! ! 87! . . X. ] ] 2 2 X2 \ \ r) r )rJ
__future__r typingr r rK io.resourcesr reactiver baser
r r$ r) r' r\ s # " " " " " ! ! ! ! ! ! ! ! # # # # # # # # # # # # D D D D DHl D D D D Dr)