[stimulus] bug or not ux-bundle

[xorgxx]

hi here is my problem :
CONTEXT :
package.json (reusable bundle in assets)

{
    "name": "@xorgxx/neox-dashboard-bundle",
    "description": "Xorgxx| Neox Dash board integration for Symfony",
    "license": "MIT",
    "version": "1.0.0",
    "main": "dist/neox_modal_controller.js",
    "symfony": {
        "controllers": {
            "neox_modal": {
                "main": "dist/neox_modal_controller.js",
                "fetch": "eager",
                "enabled": true
            }
        },
        "assets": {
            "path": "assets"
        },
        "importmap": {
            "@hotwired/stimulus": "^3.0",
            "bootstrap": "^5.0",
            "sweetalert2": "^11.0"
        }
    },
    "peerDependencies": {
        "@hotwired/stimulus": "^3.0",
        "bootstrap": "^5.0",
        "sweetalert2": "^11.0"
    },
    "devDependencies": {
        "@hotwired/stimulus": "^3.0",
        "bootstrap": "^5.0",
        "sweetalert2": "^11.0"
    }
}

NeoxDashBoardExtension.php

    ....
            $container->prependExtensionConfig('framework', [
                'asset_mapper' => [
                    'paths' => [
                        __DIR__.'/../../assets/dist/' => "@xorgxx/neox-dashboard-bundle",
                    ],
                ],
            ]);
    ....

index.html.twig

    ....
        <a {{ stimulus_controller('@xorgxx/neox-dashboard-bundle/neox-modal') }}
            data-action="click->@xorgxx/neox-dashboard-bundle/neox_modal#modal"
            {#        type="button"#}
            class="nav-link"
            href="#"
        >
            <twig:ux:icon class="flex-shrink-0 icon-normal" name="fa6-solid:user-gear" width="30" style="height: auto;" color="black"/>

        </a>
    ....

neox_modal_controller.js

import { Controller } from '@hotwired/stimulus';

// import swal from 'sweetalert2'
// import '@sweetalert2/theme-dark/dark.css'


/*
 * This is an example Stimulus controller!
 * stimulusFetch: 'lazy'
 */
export default class extends Controller {
    connect() {
        // swal.fire({
        //     title: 'done!',
        //     text: 'Do you want to continue',
        //     icon: 'success',
        //     confirmButtonText: 'Cool'
        // });
        console.log('Hello from assets/controllers/modal_controller.js');
    }
    xorg() {
        // swal.fire({
        //     title: 'done!',
        //     text: 'Do you want to continue',
        //     icon: 'success',
        //     confirmButtonText: 'Cool'
        // });
        console.log('Hello from assets/controllers/modal_controller.js');
    }
    modal(event) {
        event.stopPropagation()
        event.preventDefault();

        // Optional: Check if the element has a form to submit
        if (this.element.tagName === 'FORM') {
            this.element.submit();
        }

        swal.fire({
            title: 'done!',
            text: 'Do you want to continue',
            icon: 'success',
            confirmButtonText: 'Cool'
        });
    }
}

But if i click on [a]

       <a {{ stimulus_controller('@xorgxx/neox-dashboard-bundle/neox-modal') }}
            data-action="click->@xorgxx/neox-dashboard-bundle/neox_modal#modal"
            {#        type="button"#}
            class="nav-link"
            href="#"
        >
            <twig:ux:icon class="flex-shrink-0 icon-normal" name="fa6-solid:user-gear" width="30" style="height: auto;" color="black"/>

        </a>

it dos not open modal ?

i dont get where is my problem.
Thank's for any help

[tito10047]

Hi,
Try remove "@" from beginign of controller name in action.
Use {{ stimulus_action('xorgxx/neox-dashboard-bundle/neox_modal',"modal") }}