technicalkiwi/animate
1
0
Fork 0
mirror of https://github.com/SamEyeBam/animate.git synced 2026-02-04 09:20:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

rgb manipulation optimisation

Browse Source
This commit is contained in:
Sam
2025-12-29 22:29:00 +13:00
parent 2ac6cd2835
commit 8ef9705499
16 changed files with 90 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/js/controls/ControlFactory.js
View File

@@ -302,13 +302,24 @@ class ControlFactory {
input.type = 'color';
input.className = 'control control-color';
input.id = `el${config.property}`;
input.value = instance[config.property] ?? config.defaultValue;
// Handle both RGB array and hex string for initial value
const currentValue = instance[config.property] ?? config.defaultValue;
if (Array.isArray(currentValue)) {
input.value = rgbArrayToHex(currentValue);
} else {
input.value = currentValue;
// Also convert the instance value to RGB array if it's hex
instance[config.property] = hexToRgbArray(currentValue);
}
const listener = (event) => {
const newValue = event.target.value;
instance[config.property] = newValue;
const hexValue = event.target.value;
// Convert hex to RGB array for internal use
const rgbValue = hexToRgbArray(hexValue);
instance[config.property] = rgbValue;
if (config.callback) {
config.callback(instance, newValue);
config.callback(instance, rgbValue);
}
};
input.addEventListener('input', listener);