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

Combine multiple image into and create single combined image

<div class="dropdown" :class="dropdownParentClass">
    <slot name="dropdown-append"></slot>
    <button type="button" class="btn btn-lg btn-primary dropdown-toggle" data-bs-toggle="dropdown" :class="dropdownTriggerClass"
        x-init="createDropdown($el)"
        @click.stop="toggleDropdown($event)"
        @click.outside="outsideOperations()"
        @dropdown-click-outside.window="() => {
            if(!($el.contains($event.detail.target))) {
                hideDropdown()
            }
        }">
        <slot name="dropdown-trigger"></slot>
    </button>

    <div class="dropdown-menu dropdown-menu-end " @click="insideOperations($event)">
        <slot name="dropdown-content"></slot>
    </div>
    
</div>