MontoyaTech/ignite-html
MontoyaTech/ignite-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed an issue with disabled function not running the converter on non ignite properties. Disabled function now allows arrays of properties to be used.

Browse Source
This commit is contained in:
MattMo 2023-06-16 11:21:48 -07:00
parent 557584aadd
commit 9a76dc2395
1 changed files with 34 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ignite-template.js
View File

@ -965,10 +965,41 @@ class IgniteTemplate {
return null;
}
});
} else if (value) {
} else if (Array.isArray(value) && value.length > 0 && value[0] instanceof IgniteProperty) {
//There must be a converter for this to work correctly
if (!converter) {
throw "Cannot pass an array of properties without using a converter!";
}
//Attack a callback for all the properties
value.forEach(prop => {
if (prop instanceof IgniteProperty) {
let updateDisabled = () => {
this.onAttributeChanged("disabled", converter(...value.getPropertyValues()) ? "disabled" : null);
this.onClassChanged("disabled", converter(...value.getPropertyValues()) ? "disabled" : null);
}
this._callbacks.push(prop.attachOnChange((oldValue, newValue) => updateDisabled()));
this._callbacks.push(prop.attachOnPush((list, items) => updateDisabled()));
this._callbacks.push(prop.attachOnUnshift((list, items) => updateDisabled()));
this._callbacks.push(prop.attachOnPop((list) => updateDisabled()));
this._callbacks.push(prop.attachOnShift((list) => updateDisabled()));
this._callbacks.push(prop.attachOnSplice((list, start, deleteCount, items) => updateDisabled()));
}
});
if (converter(...value.getPropertyValues())) {
this.attribute("disabled", "disabled");
this.class("disabled");
}
} else {
value = converter ? converter(value) : value;
if (value) {
this.attribute("disabled", "disabled");
this.class("disabled");
}
}
return this;
}