chore: update templ and templui
This commit is contained in:
parent
b5d195baea
commit
61eaa268ab
89 changed files with 25776 additions and 8231 deletions
26
assets/js/slider.js
Normal file
26
assets/js/slider.js
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
// Update value display elements
|
||||
document.addEventListener('input', (e) => {
|
||||
const slider = e.target.closest('input[type="range"][data-tui-slider-input]');
|
||||
if (!slider || !slider.id) return;
|
||||
|
||||
document.querySelectorAll(`[data-tui-slider-value][data-tui-slider-value-for="${slider.id}"]`).forEach(el => {
|
||||
el.textContent = slider.value;
|
||||
});
|
||||
});
|
||||
|
||||
// MutationObserver for initial value setup
|
||||
new MutationObserver(() => {
|
||||
document.querySelectorAll('input[type="range"][data-tui-slider-input]').forEach(slider => {
|
||||
if (!slider.id) return;
|
||||
|
||||
document.querySelectorAll(`[data-tui-slider-value][data-tui-slider-value-for="${slider.id}"]`).forEach(el => {
|
||||
if (!el.textContent || el.textContent === '') {
|
||||
el.textContent = slider.value;
|
||||
}
|
||||
});
|
||||
});
|
||||
}).observe(document.body, { childList: true, subtree: true });
|
||||
})();
|
||||
Loading…
Add table
Add a link
Reference in a new issue