jxp v1.5.19

active class expansion using mutation observers. #Javascript

sample code

let jxp = new Jxp();

jxp.set({
    'theme-dark': 'bg-dark text-light',
    'theme-light': 'bg-light text-dark',
});
jxp.set('theme', '@theme-dark');
jxp.set('panel', 'my-2 p-4 border shadow-sm rounded rounded-md');
jxp.set('panel', ['my-2', 'p-4', 'border', 'shadow-sm', 'rounded', 'rounded-md']); // same as above
jxp.observe();

<div class="jxp:panel,theme">
    <h3>hello world!</h3>
</div>

is processed to become:

<div class="my-2 p-4 border shadow-sm rounded rounded-md bg-light text-dark">
    <h3>hello world!</h3>
</div>

methods

• Jxp.get_map()
• Jxp.entries()
• Jxp.keys()
• Jxp.values()
• Jxp.token()
• Jxp.observer()
• Jxp.observing()
• Jxp.update(even_if_observing)
• Jxp.update_on_load()
• Jxp.observe()
• Jxp.stop()
• Jxp.remove(key_class, class_)
• Jxp.replace(key_class, old_class, new_class)
• Jxp.set(key_class, classes)
• Jxp.get(key_class)
• Jxp.is_set(key_class, class_)