index.ts

import type {
    CompoundStyle,
    CompoundStyleKey,
    SingleStyle,
    StyleParams,
    StyleType,
} from './models';

export class SingleStyleImpl implements SingleStyle {
    public readonly elStyleType = 'single';
    constructor(
        public readonly key: string,
        public readonly defaultValue: string,
        public readonly displayName: string,
        public readonly type: StyleType,
        public readonly params?: StyleParams,
    ) {}

    getValue(styleRecord: Record<string, string>) {
        // If this is a color style (key is 'color' or ends with 'Color'), ensure we get the actual value
        // This ensures text colors and other color values display correctly in the properties panel
        if (this.type === 'color' && styleRecord[this.key]) {
            return styleRecord[this.key];
        }
        return styleRecord[this.key] ?? this.defaultValue;
    }
}

export class CompoundStyleImpl implements CompoundStyle {
    public readonly elStyleType = 'compound';
    constructor(
        public readonly key: CompoundStyleKey,
        public readonly head: SingleStyleImpl,
        public readonly children: SingleStyleImpl[],
    ) {}

    isHeadSameAsChildren(style: Record<string, string>) {
        const headValue = this.head.getValue(style);
        const childrenValues = this.children.map((child) => child.getValue(style));
        return !childrenValues.every((value) => value === headValue);
    }
}