45 lines
1.1 KiB
Plaintext
45 lines
1.1 KiB
Plaintext
import Attributor from './attributor.js';
|
|
|
|
function camelize(name: string): string {
|
|
const parts = name.split('-');
|
|
const rest = parts
|
|
.slice(1)
|
|
.map((part: string) => part[0].toUpperCase() + part.slice(1))
|
|
.join('');
|
|
return parts[0] + rest;
|
|
}
|
|
|
|
class StyleAttributor extends Attributor {
|
|
public static keys(node: HTMLElement): string[] {
|
|
return (node.getAttribute('style') || '').split(';').map((value) => {
|
|
const arr = value.split(':');
|
|
return arr[0].trim();
|
|
});
|
|
}
|
|
|
|
public add(node: HTMLElement, value: any): boolean {
|
|
if (!this.canAdd(node, value)) {
|
|
return false;
|
|
}
|
|
// @ts-expect-error Fix me later
|
|
node.style[camelize(this.keyName)] = value;
|
|
return true;
|
|
}
|
|
|
|
public remove(node: HTMLElement): void {
|
|
// @ts-expect-error Fix me later
|
|
node.style[camelize(this.keyName)] = '';
|
|
if (!node.getAttribute('style')) {
|
|
node.removeAttribute('style');
|
|
}
|
|
}
|
|
|
|
public value(node: HTMLElement): any {
|
|
// @ts-expect-error Fix me later
|
|
const value = node.style[camelize(this.keyName)];
|
|
return this.canAdd(node, value) ? value : '';
|
|
}
|
|
}
|
|
|
|
export default StyleAttributor;
|