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

Combine multiple image into and create single combined image

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


import deleteContextMenu from '../deleteContextMenu/deleteContextMenu';

document.addEventListener('alpine:init', function() { 
    Alpine.data('deleteContextMenu', deleteContextMenu)
})


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

import makeSortable from '../../makeSortable';



export default () => ({
    init() {
        initStyles(this.$el.shadowRoot);
    },
    initMainSortable(el) {
        const sortable  = makeSortable.createSortableLayer(el);
        window.sortable = sortable;
    }
    
})