aico-image-editor/src/components/canvasControls/canvasControls.js

Combine multiple image into and create single combined image

//import Alpine from 'alpinejs';
const loadCanvasControlsHTML = () => import(/* webpackMode: "eager" */'./canvasControls.html')


import colorTab from './colorTab/colorTab';


import colorPicker from '../colorPicker/colorPicker';

import canvasFilter from '../canvasFilter/canvasFilter';



document.addEventListener('alpine:init', function() { 
    Alpine.data('colorTab', colorTab);
    Alpine.data('colorPicker',colorPicker)
    Alpine.data('canvasFilter',() => canvasFilter)
})

// initialize custom made styles and html loading modules//
// inspired by alpine js component//
import initStyles from '../../initStyles';
import initHTML from '../../initHTML';
initHTML('canvas-controls',  loadCanvasControlsHTML)



export default () => ({
    init() {
        initStyles(this.$el.shadowRoot);
    },
    activeSubTab: 'common-controls'
})