@blackcube/aurelia2-bleet 1.0.0

package/src/components/bleet-quilljs.ts

@@ -0,0 +1,73 @@
+import { IPlatform, ILogger, bindable, customElement, INode, resolve } from "aurelia";
+import Quill, { QuillOptions } from "quill";
+import template from './bleet-quilljs.html';
+
+const Link: any = Quill.import('formats/link');
+class BlackcubeLink extends Link {
+    static create(value: any) {
+        let node = super.create(value);
+        value = this.sanitize(value);
+        node.setAttribute('href', value);
+        if(value.startsWith("https://") || value.startsWith("http://") || value.startsWith("://")) {
+            // do nothing
+        } else {
+            node.removeAttribute('target');
+        }
+        return node;
+    }
+}
+Quill.register(BlackcubeLink, true);
+
+@customElement({ name: 'bleet-quilljs', template })
+export class Quilljs {
+    private hiddenField!: HTMLInputElement;
+    private editorElement!: HTMLElement;
+    private quill!: Quill;
+
+    @bindable() public fieldId: string = '';
+    @bindable() public fieldName: string = '';
+    @bindable() public content: string = '';
+    @bindable() public options: QuillOptions = {
+        theme: 'snow',
+        modules: {
+            toolbar:[
+                ['bold', 'italic', 'underline'],
+                [{ 'list': 'bullet' }],
+                ['link']
+            ]
+        },
+        formats: ['bold', 'italic', 'link', 'underline', 'list']
+    };
+
+    public constructor(
+        private readonly logger: ILogger = resolve(ILogger).scopeTo('<bleet-quilljs>'),
+        private readonly platform: IPlatform = resolve(IPlatform),
+        private readonly element: HTMLElement = resolve(INode) as HTMLElement,
+    ) {
+    }
+
+    public attached(): void {
+        this.logger.debug('Attached');
+        if (this.fieldId) {
+            this.hiddenField.id = this.fieldId;
+        }
+        if (this.fieldName) {
+            this.hiddenField.name = this.fieldName;
+        }
+        this.hiddenField.value = this.content;
+        this.editorElement.innerHTML = this.content;
+        this.options.theme = 'snow';
+        this.quill = new Quill(this.editorElement, this.options);
+        this.quill.on('text-change', this.onTextChange);
+    }
+
+    private onTextChange = () => {
+        this.hiddenField.value = this.editorElement.querySelector('.ql-editor')?.innerHTML ?? '';
+        this.logger.trace(this.hiddenField.value);
+    };
+
+    public detaching(): void {
+        this.quill.off('text-change', this.onTextChange);
+        this.logger.debug('Detaching');
+    }
+}

package/src/components/bleet-toast.html.ts

@@ -0,0 +1,44 @@
+export default `<template>
+        <div class="rounded-md border-l-4 p-4 shadow-lg"
+             class.bind="'border-'+color+'-300 bg-'+color+'-50'">
+            <div class="flex">
+                <div class="shrink-0">
+                    <svg class="size-5"
+                         class.bind="'text-'+color+'-500'"
+                         xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
+                        <path if.bind="icon == 'information-circle'" fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/>
+                        <path if.bind="icon == 'check-circle'" fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/>
+                        <path if.bind="icon == 'exclamation-triangle'" fill-rule="evenodd" d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/>
+                        <path if.bind="icon == 'x-circle'" fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z" clip-rule="evenodd"/>
+                    </svg>
+                </div>
+                <div class="ml-3 flex-1">
+                    <p class="text-sm font-medium"
+                       if.bind="title"
+                       class.bind="'text-'+color+'-700'">
+                        \${title}
+                    </p>
+                    <div class.bind="title?'mt-2':''">
+                        <p class="text-sm"
+                            class.bind="'text-'+color+'-700'"
+                        innerHTML.bind="content">
+                        </p>
+                    </div>
+                </div>
+                <div class="ml-auto pl-3">
+                    <button type="button"
+                            type="button"
+                            class="inline-flex rounded-md cursor-pointer"
+                            class.bind="'bg-'+color+'-50 text-'+color+'-500 hover:bg-'+color+'-100'"
+                            click.trigger="onClickRemove($event)"
+                            data-toast="close">
+                        <span class="sr-only">Fermer</span>
+                        <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
+                            <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
+                        </svg>
+                    </button>
+                </div>
+            </div>
+        </div>
+</template>`

package/src/components/bleet-toast.ts

@@ -0,0 +1,133 @@
+import {bindable, customElement, IEventAggregator, ILogger, INode, IPlatform, resolve} from "aurelia";
+import {Channels, ToasterAction, UiColor, UiToastIcon} from '../enums/event-aggregator';
+import {IToaster} from '../interfaces/event-aggregator';
+import {ITransitionService} from '../services/transition-service';
+import template from './bleet-toast.html';
+
+@customElement({
+    name: 'bleet-toast',
+    template
+})
+export class BleetToast {
+
+    @bindable() public id: string = '';
+    @bindable() public color: UiColor = UiColor.Info;
+    @bindable() public icon: UiToastIcon = UiToastIcon.Info;
+    @bindable() public title: string = '';
+    @bindable() public content: string = '';
+    @bindable() public duration: number = 0; // Duration in milliseconds
+    private added = false;
+    private closeTimeout?: number;
+
+    // Classes Tailwind complètes pour éviter le purge
+    private readonly colorClasses: Record<string, { container: string; icon: string; title: string; content: string; button: string }> = {
+        [UiColor.Primary]: {
+            container: 'border-primary-300 bg-primary-50',
+            icon: 'text-primary-700',
+            title: 'text-primary-700',
+            content: 'text-primary-700',
+            button: 'bg-primary-50 text-primary-500 hover:bg-primary-100'
+        },
+        [UiColor.Secondary]: {
+            container: 'border-secondary-300 bg-secondary-50',
+            icon: 'text-secondary-700',
+            title: 'text-secondary-700',
+            content: 'text-secondary-700',
+            button: 'bg-secondary-50 text-secondary-500 hover:bg-secondary-100'
+        },
+        [UiColor.Success]: {
+            container: 'border-success-300 bg-success-50',
+            icon: 'text-success-700',
+            title: 'text-success-700',
+            content: 'text-success-700',
+            button: 'bg-success-50 text-success-500 hover:bg-success-100'
+        },
+        [UiColor.Danger]: {
+            container: 'border-danger-300 bg-danger-50',
+            icon: 'text-danger-700',
+            title: 'text-danger-700',
+            content: 'text-danger-700',
+            button: 'bg-danger-50 text-danger-500 hover:bg-danger-100'
+        },
+        [UiColor.Warning]: {
+            container: 'border-warning-300 bg-warning-50',
+            icon: 'text-warning-700',
+            title: 'text-warning-700',
+            content: 'text-warning-700',
+            button: 'bg-warning-50 text-warning-500 hover:bg-warning-100'
+        },
+        [UiColor.Info]: {
+            container: 'border-info-300 bg-info-50',
+            icon: 'text-info-700',
+            title: 'text-info-700',
+            content: 'text-info-700',
+            button: 'bg-info-50 text-info-500 hover:bg-info-100'
+        },
+        [UiColor.Accent]: {
+            container: 'border-accent-300 bg-accent-50',
+            icon: 'text-accent-700',
+            title: 'text-accent-700',
+            content: 'text-accent-700',
+            button: 'bg-accent-50 text-accent-500 hover:bg-accent-100'
+        },
+    };
+
+    public constructor(
+        private readonly logger: ILogger = resolve(ILogger).scopeTo('<bleet-toast>'),
+        private readonly element: HTMLElement = resolve(INode) as HTMLElement,
+        private readonly ea: IEventAggregator = resolve(IEventAggregator),
+        private readonly platform: IPlatform = resolve(IPlatform),
+        private readonly transitionService: ITransitionService = resolve(ITransitionService),
+    ) {
+        this.logger.trace('constructor')
+    }
+
+    public attaching()
+    {
+        this.logger.trace('attaching');
+    }
+
+    public attached()
+    {
+        this.logger.trace('attached');
+        if (!this.added) {
+            this.added = true;
+            this.logger.debug(`Toast added with ID: ${this.id}`);
+            this.transitionService.run(this.element, (element: HTMLElement) => {
+                if (this.duration > 0) {
+                    this.closeTimeout = this.platform.setTimeout(() => {
+                        this.close();
+                    }, this.duration);
+                }
+                element.classList.add('opacity-100', 'translate-x-0');
+                element.classList.remove('opacity-0', 'translate-x-full');
+            });
+        }
+    }
+
+    public detached()
+    {
+        this.logger.trace('detached');
+    }
+
+    private onClickRemove(evt: Event) {
+        evt.preventDefault();
+        this.logger.trace('onClickRemove');
+        this.close();
+    }
+
+    private close() {
+        if (this.closeTimeout) {
+            this.platform.clearTimeout(this.closeTimeout);
+        }
+        this.transitionService.run(this.element, (element: HTMLElement) => {
+            element.classList.add('opacity-0', 'translate-x-full');
+            element.classList.remove('opacity-100', 'translate-x-0');
+        }, (element: HTMLElement) => {
+            this.ea.publish(Channels.Toaster, <IToaster>{
+                action: ToasterAction.Remove,
+                toast: { id: this.id }
+            });
+        });
+    }
+}

package/src/components/bleet-toaster-trigger.ts

@@ -0,0 +1,66 @@
+import {bindable, queueTask, customElement, IEventAggregator, ILogger, INode, IPlatform, resolve} from "aurelia";
+import {Channels, ToasterAction, UiColor, UiToastIcon} from '../enums/event-aggregator';
+import {IToaster} from '../interfaces/event-aggregator';
+
+
+@customElement({
+    name: 'bleet-toaster-trigger',
+    template: null
+})
+export class BleetToasterTrigger {
+
+    @bindable() public id: string = '';
+    @bindable() public color: UiColor = UiColor.Info;
+    @bindable() public icon: UiToastIcon = UiToastIcon.Info;
+    @bindable() public title: string = '';
+    @bindable() public content: string = '';
+    @bindable() public duration: number = 0; // Duration in milliseconds
+    public constructor(
+        private readonly logger: ILogger = resolve(ILogger).scopeTo('<bleet-toaster-trigger>'),
+        private readonly element: HTMLElement = resolve(INode) as HTMLElement,
+        private readonly ea: IEventAggregator = resolve(IEventAggregator),
+        private readonly p: IPlatform = resolve(IPlatform),
+    ) {
+        this.logger.trace('constructor')
+    }
+
+    public attaching()
+    {
+        this.logger.trace('attaching');
+    }
+
+    public attached()
+    {
+        this.logger.trace('attached');
+        this.logger.debug(`Triggering toast with`, this.p.document.readyState);
+        if (this.p.document.readyState === 'loading') {
+            this.p.document.addEventListener('DOMContentLoaded', () => {
+                this.onAttach();
+            }, { once: true });
+        } else {
+            this.onAttach();
+        }
+    }
+
+    public detached()
+    {
+        this.logger.trace('detached');
+    }
+
+    private onAttach = () => {
+        this.logger.trace('onAttach');
+        queueTask(() => {
+            this.ea.publish(Channels.Toaster, <IToaster>{
+                action: ToasterAction.Add, toast:
+                    {
+                        id: this.id,
+                        duration: this.duration,
+                        color: this.color,
+                        icon: this.icon,
+                        title: this.title,
+                        content: this.content
+                    }
+            });
+        });
+    }
+}

package/src/components/bleet-toaster.html.ts

@@ -0,0 +1,11 @@
+export default `<template class="fixed top-4 right-0 z-70 pr-4 flex flex-col gap-4 pointer-events-none">
+    <bleet-toast repeat.for="[id, toast] of toasts"
+                class="w-90 max-w-full translate-x-full opacity-0 transition-all duration-500 ease-in-out pointer-events-auto"
+        id.bind="id"
+                 color.bind="toast.color"
+                 icon.bind="toast.icon"
+                 title.bind="toast.title"
+                 content.bind="toast.content"
+                 duration.bind="toast.duration"
+    ></bleet-toast>
+</template>`

package/src/components/bleet-toaster.ts

@@ -0,0 +1,72 @@
+import {customElement, IDisposable, IEventAggregator, ILogger, INode, resolve} from "aurelia";
+import {Channels, ToasterAction, UiColor, UiToastIcon} from '../enums/event-aggregator';
+import {IToast, IToaster} from '../interfaces/event-aggregator';
+import template from './bleet-toaster.html';
+
+@customElement({
+    name: 'bleet-toaster',
+    template
+})
+export class BleetToaster {
+
+    private disposable?: IDisposable;
+    private toasts: Map<string, IToast> = new Map<string, IToast>();
+    public constructor(
+        private readonly logger: ILogger = resolve(ILogger).scopeTo('<bleet-toaster>'),
+        private readonly element: HTMLElement = resolve(INode) as HTMLElement,
+        private readonly ea: IEventAggregator = resolve(IEventAggregator),
+    ) {
+        this.logger.trace('constructor')
+    }
+
+    public attaching()
+    {
+        this.logger.trace('attaching');
+        this.disposable = this.ea.subscribe(Channels.Toaster, this.onToasterEvent);
+    }
+
+    public attached()
+    {
+        this.logger.trace('attached');
+
+    }
+
+    public detached()
+    {
+        this.logger.trace('detached');
+        this.disposable?.dispose();
+    }
+
+    public dispose()
+    {
+        this.logger.trace('dispose');
+        this.disposable?.dispose();
+    }
+
+    private onToasterEvent = (data: IToaster) => {
+        this.logger.trace('onToasterEvent', data);
+        if (data.action === ToasterAction.Add && data.toast) {
+            const toast :IToast = {
+                id: data.toast.id || crypto.randomUUID(),
+                color: data.toast.color || UiColor.Info,
+                icon: data.toast.icon || UiToastIcon.Info,
+                duration: data.toast.duration || 0,
+                title: data.toast.title,
+                content: data.toast.content,
+            };
+            // @ts-ignore
+            if (!this.toasts.has(toast.id)) {
+                // @ts-ignore
+                this.toasts.set(toast.id, toast);
+                this.logger.debug(`Toast added with ID: ${toast.id}`);
+            }
+        } else if (data.action === ToasterAction.Remove && data.toast?.id) {
+            if (this.toasts.has(data.toast.id)) {
+                this.toasts.delete(data.toast.id);
+                this.logger.debug(`Toast removed with ID: ${data.toast.id}`);
+            }
+        }
+        // Handle toaster events here
+    }
+
+}

package/src/components/index.ts

@@ -0,0 +1,8 @@
+export * from './bleet-overlay';
+export * from './bleet-toast';
+export * from './bleet-toaster';
+export * from './bleet-toaster-trigger';
+export * from './bleet-modal';
+export * from './bleet-drawer';
+export * from './bleet-ajaxify';
+export { Quilljs as BleetQuilljs } from './bleet-quilljs';

package/src/configure.ts

@@ -0,0 +1,121 @@
+import { DI, IContainer } from "aurelia";
+import { InterfaceSymbol } from "@aurelia/kernel";
+import {Transport, TransportConfig, TransportEntry, TransportWithConfig} from './enums/api';
+import {ITransport} from './interfaces/api';
+
+export interface CsrfConfig {
+    enabled: boolean;
+    metaName: string;
+    headerName: string;
+}
+
+export interface ConfigInterface {
+    transports?: TransportConfig;
+    baseUrl?: string;
+    csrf?: CsrfConfig;
+}
+
+export interface IBleetConfiguration extends Configure {}
+export const IBleetConfiguration = DI.createInterface<IBleetConfiguration>(
+    'IBleetConfiguration',
+    x => x.singleton(Configure)
+);
+
+export class Configure {
+    protected _config: ConfigInterface = {
+        transports: Transport.Http,
+        csrf: {
+            enabled: true,
+            metaName: 'csrf',
+            headerName: 'X-CSRF-Token',
+        }
+    };
+
+    private _container: IContainer | null = null;
+    private _transportInterfaces = new Map<Transport, InterfaceSymbol<ITransport>>();
+
+    setContainer(container: IContainer): void {
+        this._container = container;
+    }
+
+    getContainer(): IContainer | null {
+        return this._container;
+    }
+
+    registerTransportInterface(type: Transport, iface: InterfaceSymbol<ITransport>): void {
+        this._transportInterfaces.set(type, iface);
+    }
+
+    getCsrfConfig(): CsrfConfig {
+        return this._config.csrf ?? { enabled: true, metaName: 'csrf', headerName: 'X-CSRF-Token' };
+    }
+
+    getConfig(): ConfigInterface {
+        return this._config;
+    }
+
+    get<T = unknown>(key: string): T {
+        return this._config[key] as T;
+    }
+
+    set<T>(key: string, val: T): T {
+        this._config[key] = val;
+        return val;
+    }
+
+    getTransports(): Transport[] {
+        const cfg = this._config.transports ?? Transport.Http;
+        const entries: TransportEntry[] = Array.isArray(cfg) ? cfg : [cfg];
+        return entries.map(entry => this.isTransportWithConfig(entry) ? entry.type : entry);
+    }
+
+    getBaseUrl(transport: Transport): string {
+        const cfg = this._config.transports ?? Transport.Http;
+        const entries: TransportEntry[] = Array.isArray(cfg) ? cfg : [cfg];
+        const entry = entries.find(e =>
+            this.isTransportWithConfig(e) ? e.type === transport : e === transport
+        );
+        if (entry && this.isTransportWithConfig(entry) && entry.baseUrl !== undefined) {
+            return entry.baseUrl;
+        }
+        return this._config.baseUrl ?? '';
+    }
+
+    private isTransportWithConfig(entry: TransportEntry): entry is TransportWithConfig {
+        return typeof entry === 'object' && 'type' in entry;
+    }
+
+    getTransport(type: Transport): ITransport | null {
+        if (!this._container) {
+            return null;
+        }
+
+        // HTTP : déjà enregistré
+        const iface = this._transportInterfaces.get(type);
+        if (iface) {
+            return this._container.get(iface);
+        }
+
+        // Socketio : require() synchrone à la demande
+        if (type === Transport.Socketio) {
+            try {
+                const { ISocketioService } = require('./services/socketio-service');
+                this._transportInterfaces.set(type, ISocketioService);
+                return this._container.get(ISocketioService);
+            } catch (e) {
+                throw new Error(
+                    'Transport Socketio configuré mais socket.io-client non installé. ' +
+                    'Installez-le avec : npm install socket.io-client'
+                );
+            }
+        }
+
+        return null;
+    }
+
+    getAvailableTransports(): ITransport[] {
+        return this.getTransports()
+            .map(t => this.getTransport(t))
+            .filter((t): t is ITransport => t !== null);
+    }
+}

package/src/enums/api.ts

@@ -0,0 +1,12 @@
+export enum Transport {
+    Socketio = 'socketio',
+    Http = 'http',
+}
+
+export interface TransportWithConfig {
+    type: Transport;
+    baseUrl?: string;
+}
+
+export type TransportEntry = Transport | TransportWithConfig;
+export type TransportConfig = TransportEntry | TransportEntry[];

package/src/enums/event-aggregator.ts

@@ -0,0 +1,131 @@
+export enum Channels {
+    Overlay = 'bleet:overlay',
+    OverlayStatus = 'bleet:overlay:status',
+    Modal = 'bleet:modal',
+    ModalStatus = 'bleet:modal:status',
+    Drawer = 'bleet:drawer',
+    DrawerStatus = 'bleet:drawer:status',
+    Toaster = 'bleet:toaster',
+    ToasterStatus = 'bleet:toaster:status',
+    Menu = 'bleet:menu',
+    MenuStatus = 'bleet:menu:status',
+    Badge = 'bleet:badge',
+    Profile = 'bleet:profile',
+    ProfileStatus = 'bleet:profile:status',
+    Ajaxify = 'bleet:ajaxify',
+}
+export enum OverlayAction {
+    Open = 'open',
+    Close = 'close',
+    Toggle = 'toggle',
+}
+export enum OverlayStatus {
+    Opening = 'opening',
+    Closing = 'closing',
+    Opened = 'opened',
+    Closed = 'closed',
+}
+export enum ProfileAction {
+    Open = 'open',
+    Close = 'close',
+    Toggle = 'toggle',
+}
+export enum ProfileStatus {
+    Opening = 'opening',
+    Closing = 'closing',
+    Opened = 'opened',
+    Closed = 'closed',
+}
+export enum ModalAction {
+    Open = 'open',
+    Close = 'close',
+    Toggle = 'toggle',
+}
+export enum ModalStatus {
+    Opening = 'opening',
+    Closing = 'closing',
+    Opened = 'opened',
+    Closed = 'closed',
+}
+
+export enum DrawerAction {
+    Open = 'open',
+    Close = 'close',
+    Toggle = 'toggle',
+}
+export enum DrawerStatus {
+    Opening = 'opening',
+    Closing = 'closing',
+    Opened = 'opened',
+    Closed = 'closed',
+}
+
+export enum AjaxifyAction {
+    Refresh = 'refresh',
+}
+export enum ToasterAction {
+    Add = 'add',
+    Remove = 'remove',
+}
+export enum ToasterStatus {
+    Added = 'added',
+    Removed = 'removed',
+}
+
+export enum MenuAction {
+    Open = 'open',
+    Close = 'close',
+    Toggle = 'toggle',
+}
+export enum BadgeAction {
+    Remove = 'remove',
+}
+export enum MenuStatus {
+    Opening = 'opening',
+    Closing = 'closing',
+    Opened = 'opened',
+    Closed = 'closed',
+}
+
+export enum UiColor {
+    Primary = 'primary',
+    Secondary = 'secondary',
+    Success = 'success',
+    Danger = 'danger',
+    Warning = 'warning',
+    Info = 'info',
+    Accent = 'accent',
+}
+export enum UiToastIcon {
+    Info = 'information-circle',
+    Success = 'check-circle',
+    Warning = 'exclamation-triangle',
+    Danger = 'x-circle',
+}
+
+/**
+ * Icônes pour toasts et dialogs
+ * Double alias : court (Info) et long (InformationCircle) → même valeur
+ */
+export enum UiIcon {
+    // Alias courts (usage dev)
+    Info = 'information-circle',
+    Success = 'check-circle',
+    Warning = 'exclamation-triangle',
+    Danger = 'x-circle',
+
+    // Alias longs (match heroicon)
+    InformationCircle = 'information-circle',
+    CheckCircle = 'check-circle',
+    ExclamationTriangle = 'exclamation-triangle',
+    XCircle = 'x-circle',
+}
+
+/**
+ * Actions primaires dialog (mutuellement exclusives)
+ */
+export enum DialogAction {
+    Keep = 'keep',
+    Close = 'close',
+    RefreshAndClose = 'refreshAndClose',
+}