/** Datei: plugins/rest/assets/js/hooks/colorize.js **/
/**
 * rest/arunox/hooks/colorize.js
 *
 * Some Javascript codes without further description
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        2.0.0
 * @since          2.0.0  Adaptation to new ctx method
 * @since          1.0.0  File is created
 */

ARUNOX.Hooks.register( 'colorize',  function( cellColorConfig, optionColorConfig, iconContainer ) {
	if( typeof cellColorConfig === 'string' )   cellColorConfig 	= { color: cellColorConfig }
	if( typeof optionColorConfig === 'string' )	optionColorConfig	= { color: optionColorConfig }

	let colorConfig = Object.assign( {
		target : 'background',
		prefix : false,
	}, optionColorConfig, cellColorConfig );

	// console.log( colorConfig );

	if( colorConfig.prefix ) {
		this.instance.root.classList.removeRexEx( /.*--colored-.*/ );
		this.instance.root.classList.add( `${colorConfig.prefix}--colored-${colorConfig.color || 'default'}` );
		return ;
	}

	if( this.instance.root && ['button'].includes( colorConfig.target ) ) {
		this.instance.root.classList.removeRexEx( /button--colored-.*/ );
		this.instance.root.classList.add( `button--colored-${colorConfig.color || 'default'}` );
		this.instance.root.style.backgroundColor = colorConfig.value;
	}

	if( this.instance.root && ['background'].includes( colorConfig.target ) ) {
		this.instance.root.classList.removeRexEx( /bg--colored-.*/ );
		this.instance.root.classList.add( `bg--colored-${colorConfig.color || 'default'}` );
		this.instance.root.style.backgroundColor = colorConfig.value;
	}

	if( iconContainer && ['icon','both'].includes( colorConfig.target ) ) {
		iconContainer.classList.removeRexEx( /text--colored-.*/ );
		iconContainer.classList.add( `text--colored-${colorConfig.color || 'default'}` );
		iconContainer.style.color = colorConfig.value;
	}

	if( this.instance.root && ['text','both'].includes( colorConfig.target ) ) {
		this.instance.root.classList.removeRexEx( /text--colored-.*/ );
		this.instance.root.classList.add( `text--colored-${colorConfig.color || 'default'}` );
		this.instance.root.style.color = colorConfig.value;
	}
});

/** Datei: plugins/rest/assets/js/hooks/_general.js **/
/**
 * /arunox/hooks/_general.js
 *
 * Some Javascript codes without further description
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        1.0.0
 * @since          1.0.0  File is created
 */

import '/plugins/rest/assets/js/hooks/colorize.js';
import '/plugins/rest/assets/js/components/icon.js';

ARUNOX.Hooks.register( 'applyConfigAfter', function( element, config ) {
    if( config.color )          this.instance.apply( 'colorize', typeof config.color === 'object' ? config.color : { color: config.color }, { prefix: 'theme' } );
    if( config.icon )           this.instance.render( 'icon', { name: config.icon } );
});

ARUNOX.Hooks.register( 'config', function( config, data ) {
    config.arx          ??= {};
    config.events       ??= [];
    config.styles       ??= {};
    config.classes      ??= [];
    config.datasets     ??= {};
    config.attributes   ??= {};

    config.datasets.arx ??= config.arx;

    if( typeof config.color === 'string' )      config.color    = { color: config.color };
    if( typeof config.classes === 'string' )    config.classes  = config.classes.split(' ');

    return config;
}, 2 );

ARUNOX.Hooks.register( 'config', function( config, data ) {

    if( config.nodeName ) {
        config = this.instance.filter( `config.node->${config.nodeName}`, config, data );
    }

    return config;
});