aico-image-editor/src/components/configuratorComponent/configuratorComponent.html

Combine multiple image into and create single combined image

<div x-data="configurator" :class="$store.canvas.isFullScreen ? 'position-fixed w-100 h-100 start-0 top-0 z-index-5 bg-body p-3 p-lg-5 overflow-auto':''">
    <div class="editor-interface__left">
        <div class="editor-interface__left__section" :class="$store.canvas.isFullScreen ? 'fixed-scroll':''">
            <div class="row">
                <div class="col position-relative">
                    <div class="canvas-wrapper-container" x-bind="wrapper">
                        <div x-show="!($store.canvas.isInside3dView)">
                            <configurator-2d datatemplateurl="./configurator2d.html" styles="global"
                                shadow="true"></configurator-2d>
                        </div>
                        <div x-show="($store.canvas.isInside3dView)">
                            <configurator-3d datatemplateurl="./configurator3d.html" styles="global"
                                shadow="true"></configurator-3d>
                        </div>
                    </div>
                    <div class="server-loader position-absolute w-100 h-100 start-0 top-0 pe-none bg-white-75 justify-content-center align-items-center" :class="$store.canvas.isServerLoaderCanvasVisible ? 'd-flex':'d-none'">
                        <i class="fas fa-spinner fa-pulse" aria-hidden="true"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>