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

Combine multiple image into and create single combined image

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

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

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


export default () => ({
    init() {
        initStyles(this.$el.shadowRoot);
    },
    initSortableThumbnail(el) {
        const sortableCanvas  = makeSortable.createSortableThumbnail(el);
        window.sortableCanvas = sortableCanvas;
    }
});