ayo/wcb
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: prevent attribute changing twice

Browse source
This commit is contained in:
Ayo 2023-11-18 23:38:06 +01:00
parent d54ff6fa94
commit a3845b7e7c
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/WebComponent.js
View file

@ -154,27 +154,26 @@ export class WebComponent extends HTMLElement {
* @returns
*/
#handler = (setter) => ({
set(obj, prop, newval) {
const oldval = obj[prop];
console.log(">>> old value:", oldval, typeof oldval);
set(obj, prop, newValue) {
const oldValue = obj[prop];
obj[prop] = newval;
obj[prop] = newValue;
/**
* Converts camelCaps string into kebab-case
* @param {string} str
* @returns {string}
*/
const kebabize = (str) =>
const getKebab = (str) =>
str.replace(
/[A-Z]+(?![a-z])|[A-Z]/g,
($, ofs) => (ofs ? "-" : "") + $.toLowerCase()
);
if (JSON.stringify(oldval) !== newval) {
console.log(oldval, newval);
const kebab = kebabize(prop);
setter(kebab, newval);
if (oldValue != newValue) {
console.log("value changed", oldValue, newValue);
const kebab = getKebab(prop);
setter(kebab, newValue);
}
return true;