Spaces:
Running
Running
File size: 1,994 Bytes
a9340d4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
// The `Streamlit` object exists because our html file includes
// `streamlit-component-lib.js`.
// If you get an error about "Streamlit" not being defined, that
// means you're missing that file.
function sendValue(value) {
Streamlit.setComponentValue(value);
}
/**
* The component's render function. This will be called immediately after
* the component is initially loaded, and then again every time the
* component gets new data from Python.
*/
function onRender(event) {
// Only run the render code the first time the component is loaded.
if (!window.rendered) {
const { text, before_copy_label, after_copy_label, show_text, theme } = event.detail.args;
const container = document.querySelector('#container');
const button = document.querySelector('#copy-button');
const textElement = document.querySelector('#text-element');
if (theme == 'dark') {
button.style.border = '1px solid rgba(250, 250, 250, 0.2)';
button.style.color = 'white';
}
button.textContent = before_copy_label; // Set initial label
// Show text if show_text is true
if (show_text) {
textElement.textContent = text;
textElement.style.display = 'inline';
} else {
textElement.style.display = 'none';
}
function copyToClipboard() {
navigator.clipboard.writeText(text);
button.textContent = after_copy_label; // Change label after copying
setTimeout(() => {
if (!button) return;
button.textContent = before_copy_label; // Revert to original label after 1 second
}, 1000);
}
button.addEventListener('click', copyToClipboard);
textElement.addEventListener('click', copyToClipboard);
window.rendered = true;
}
}
// Render the component whenever python send a "render event"
Streamlit.events.addEventListener(Streamlit.RENDER_EVENT, onRender);
// Tell Streamlit that the component is ready to receive events
Streamlit.setComponentReady();
// Render with the correct height, if this is a fixed-height component
Streamlit.setFrameHeight(100);
|