@design-factory/angular 21.0.4 → 21.1.0-next.0

package/fesm2022/design-factory-angular-internals.mjs

@@ -1,14 +1,281 @@
-import { widgetsConfigFactory, createWidgetsConfig, toAngularWritableSignal } from '@agnos-ui/angular-headless';
-import { asWritable, computed } from '@amadeus-it-group/tansu';
+import { computed, asWritable } from '@amadeus-it-group/tansu';
 import * as i0 from '@angular/core';
-import { InjectionToken, Directive } from '@angular/core';
+import { signal, inject, DestroyRef, Injector, runInInjectionContext, Directive, InjectionToken, SkipSelf, Optional, ElementRef, PLATFORM_ID, afterNextRender, input } from '@angular/core';
+import { createWidgetsConfig } from '@agnos-ui/core/config';
+import { FACTORY_WIDGET_NAME } from '@agnos-ui/core/types';
+import { toReadableStore } from '@agnos-ui/core/utils/stores';
+import { multiDirective } from '@agnos-ui/core/utils/directive';
+import { isPlatformServer } from '@angular/common';
+import { createMatchMedia } from '@agnos-ui/core/services/matchMedia';
 
-const widgetFactories = widgetsConfigFactory(new InjectionToken('dfConfig', {
+/**
+ * Converts a Tansu `ReadableSignal` to an Angular `Signal`.
+ *
+ * This function wraps the provided Tansu signal in an Angular signal. It subscribes to the
+ * Tansu signal and updates the Angular signal with the received values. The equality function
+ * for the Angular signal is set to always return false, ensuring that every new value from the
+ * Tansu signal triggers an update.
+ *
+ * @template T - The type of the value emitted by the signals.
+ * @param tansuSignal - The Tansu signal to convert.
+ * @returns - The resulting Angular signal.
+ */
+const toAngularSignal = (tansuSignal) => {
+    // The equality of objects from 2 sequential emissions is already checked in tansu signal.
+    // Here we'll always emit the value received from tansu signal, therefor the equality function
+    const res = signal(undefined, { ...(ngDevMode ? { debugName: "res" } : {}), equal: () => false });
+    const subscription = tansuSignal.subscribe((value) => {
+        res.set(value);
+    });
+    inject(DestroyRef).onDestroy(subscription);
+    return res.asReadonly();
+};
+/**
+ * Converts a Tansu `WritableSignal` to an Angular `WritableSignal`.
+ *
+ * This function wraps the provided Tansu signal in an Angular signal. It subscribes to the
+ * Tansu signal and updates the Angular signal with the received values. The equality function
+ * for the Angular signal is set to always return false, ensuring that every new value from the
+ * Tansu signal triggers an update.
+ *
+ * @template T - The type of the value emitted by the signals.
+ * @param tansuSignal - The Tansu signal to convert.
+ * @returns - The resulting Angular signal.
+ */
+const toAngularWritableSignal = (tansuSignal) => {
+    const res = signal(undefined, { ...(ngDevMode ? { debugName: "res" } : {}), equal: () => false });
+    const set = res.set.bind(res);
+    const subscription = tansuSignal.subscribe((value) => {
+        set(value);
+    });
+    inject(DestroyRef).onDestroy(subscription);
+    res.set = tansuSignal.set;
+    res.update = tansuSignal.update;
+    return res;
+};
+
+/**
+ * Call a widget factory using provided configs.
+ *
+ * The resulting widget can be easily hooked into the lifecycle of an Angular component through {@link BaseWidgetDirective}.
+ *
+ * @param factory - the widget factory to call
+ * @param options - the options
+ * @param options.defaultConfig - the default config of the widget
+ * @param options.widgetConfig - the config of the widget, overriding the defaultConfig
+ * @param options.events - the events of the widget
+ * @param options.afterInit - a callback to call after successful setup of the widget
+ * @returns the widget
+ */
+const callWidgetFactoryWithConfig = (factory, options) => {
+    const { defaultConfig, widgetConfig, events: eventsProp, afterInit } = options ?? {};
+    const injector = inject(Injector);
+    const props = {};
+    let initDone;
+    const res = {
+        initialized: new Promise((resolve) => {
+            initDone = resolve;
+        }),
+        patch(newProps) {
+            // temporary function replaced in ngInit
+            Object.assign(props, newProps);
+        },
+        ngInit() {
+            runInInjectionContext(injector, () => {
+                const defaultConfig$ = toReadableStore(defaultConfig);
+                const widget = factory({
+                    config: computed(() => ({
+                        ...defaultConfig$(),
+                        ...widgetConfig?.(),
+                        ...eventsProp
+                    })),
+                    props
+                });
+                Object.assign(res, {
+                    patch: widget.patch,
+                    directives: widget.directives,
+                    api: widget.api,
+                    state: Object.fromEntries(Object.entries(widget.stores).map(([key, val]) => [
+                        key.slice(0, -1),
+                        toAngularSignal(val)
+                    ]))
+                });
+                afterInit?.(res);
+                initDone();
+            });
+        }
+    };
+    return res;
+};
+function patchSimpleChanges(patchFn, changes) {
+    const obj = {};
+    for (const [key, simpleChange] of Object.entries(changes)) {
+        if (simpleChange !== undefined) {
+            obj[key] = simpleChange.currentValue;
+        }
+    }
+    patchFn(obj);
+}
+/**
+ * An abstract base class for widget directives, providing common functionality
+ * for Angular components that interact with widgets.
+ *
+ * @template W - The type of the widget.
+ */
+class BaseWidgetDirective {
+    constructor(
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    _widget, 
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    propRenames) {
+        this._widget = _widget;
+        this.propRenames = propRenames;
+    }
+    /**
+     * Retrieves the widget api
+     * @returns the widget api
+     */
+    get api() {
+        return this._widget.api;
+    }
+    /**
+     * Retrieves the widget state. Each property of the state is exposed through an Angular {@link https://angular.dev/api/core/Signal | Signal}
+     * @returns the widget state
+     */
+    get state() {
+        return this._widget.state;
+    }
+    /**
+     * Retrieves the widget directives
+     * @returns the widget directives
+     */
+    get directives() {
+        return this._widget.directives;
+    }
+    /**
+     * @inheritdoc
+     * @internal
+     */
+    ngOnChanges(changes) {
+        const renamedChanges = {};
+        if (this.propRenames) {
+            for (const [key, simpleChange] of Object.entries(changes)) {
+                const renamedKey = this.propRenames[key] ?? key;
+                renamedChanges[renamedKey] = simpleChange;
+            }
+        }
+        else {
+            Object.assign(renamedChanges, changes);
+        }
+        patchSimpleChanges(this._widget.patch, renamedChanges);
+    }
+    /** @internal */
+    ngOnInit() {
+        this._widget.ngInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseWidgetDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: BaseWidgetDirective, isStandalone: true, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseWidgetDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }, { type: undefined }] });
+
+const WIDGETS_CONFIG_INJECTION_TOKEN = new InjectionToken('widgetsConfig', {
     providedIn: 'root',
     factory: () => createWidgetsConfig()
-}));
-const provideWidgetsConfig = widgetFactories.provideWidgetsConfig;
-const injectWidgetsConfig = widgetFactories.injectWidgetsConfig;
+});
+/**
+ * Creates a provider of widgets default configuration that inherits from any widgets default configuration already defined at an upper level
+ * in the Angular dependency injection system. It contains its own set of widgets configuration properties that override the same properties form
+ * the parent configuration.
+ *
+ * @remarks
+ * The configuration is computed from the parent configuration in two steps:
+ * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).
+ * If adaptParentConfig is not specified, this step is skipped.
+ * - second step: the configuration from step 1 is merged (2-levels deep) with the own$ store. The own$ store initially contains
+ * an empty object (i.e. no property from the parent is overridden). It can be changed by calling set on the store returned by
+ * {@link injectWidgetsConfig}.
+ *
+ * @param adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration
+ * defined at an upper level in the Angular dependency injection system (or an empty object if there is none) and returns the widgets
+ * default configuration to be used.
+ * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.
+ * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.
+ * It is also called in an Angular injection context, so it can call the Angular inject function to get and use dependencies from the
+ * Angular dependency injection system.
+ *
+ * @returns DI provider to be included a list of `providers` (for example at a component level or
+ * any other level of the Angular dependency injection system)
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   // ...
+ *   providers: [
+ *     provideWidgetsConfig((parentConfig) => {
+ *       // first step configuration: transforms the parent configuration
+ *       parentConfig.rating = parentConfig.rating ?? {};
+ *       parentConfig.rating.className = `${parentConfig.rating.className ?? ''} my-rating-extra-class`
+ *       return parentConfig;
+ *     })
+ *   ]
+ * })
+ * class MyComponent {
+ *   widgetsConfig = injectWidgetsConfig();
+ *   constructor() {
+ *     this.widgetsConfig.set({
+ *       // second step configuration: overrides the parent configuration
+ *       rating: {
+ *         slotStar: MyCustomSlotStar
+ *       }
+ *     });
+ *   }
+ *   // ...
+ * }
+ * ```
+ */
+const provideWidgetsConfig = (adaptParentConfig) => ({
+    provide: WIDGETS_CONFIG_INJECTION_TOKEN,
+    useFactory: (parent) => {
+        if (adaptParentConfig) {
+            const injector = inject(Injector);
+            const originalAdaptParentConfig = adaptParentConfig;
+            adaptParentConfig = (value) => runInInjectionContext(injector, () => originalAdaptParentConfig(value));
+        }
+        return createWidgetsConfig(parent ?? undefined, adaptParentConfig);
+    },
+    deps: [[new SkipSelf(), new Optional(), WIDGETS_CONFIG_INJECTION_TOKEN]]
+});
+/**
+ * Returns the widgets default configuration store that was provided in the current injection context.
+ * Throws if the no widgets default configuration store was provided.
+ *
+ * @param defaultConfig - values to set as soon as the config is injected
+ * @remarks
+ * This function must be called from an injection context, such as a constructor, a factory function, a field initializer or
+ * a function used with {@link https://angular.io/api/core/runInInjectionContext | runInInjectionContext}.
+ *
+ * @returns the widgets default configuration store.
+ */
+const injectWidgetsConfig = (defaultConfig) => {
+    const widgetsConfig = inject(WIDGETS_CONFIG_INJECTION_TOKEN);
+    if (defaultConfig) {
+        widgetsConfig.set(defaultConfig);
+    }
+    return widgetsConfig;
+};
+/**
+ * Injects the configuration for a specific widget.
+ *
+ * @template T - The type of the widget configuration to be injected.
+ * @param widgetName - The name of the widget whose configuration is to be injected.
+ * @returns A `ReadableSignal` that provides a partial configuration of the specified widget or `undefined` if the configuration is not available.
+ */
+const injectWidgetConfig = (widgetName) => {
+    const widgetsConfig = inject(WIDGETS_CONFIG_INJECTION_TOKEN, { optional: true });
+    return computed(() => widgetsConfig?.()[widgetName]);
+};
 /**
  * Creates and initializes a widget using the provided factory and configuration options.
  *
@@ -19,12 +286,15 @@ const injectWidgetsConfig = widgetFactories.injectWidgetsConfig;
  * @param options - The options for creating the widget.
  * @param options.defaultConfig - The default configuration for the widget.
  * @param options.events - The event handlers for the widget.
- * @param options.slotTemplates - A function that returns the slot templates for the widget.
- * @param options.slotChildren - A function that returns the slot children for the widget.
  * @param options.afterInit - A callback function to be called after the widget is initialized.
  * @returns The initialized widget.
  */
-const callWidgetFactory = widgetFactories.callWidgetFactory;
+const callWidgetFactory = (factory, options) => callWidgetFactoryWithConfig(factory, {
+    widgetConfig: factory[FACTORY_WIDGET_NAME] ? injectWidgetConfig(factory[FACTORY_WIDGET_NAME]) : undefined,
+    defaultConfig: options?.defaultConfig,
+    events: options?.events,
+    afterInit: options?.afterInit
+});
 /**
  * Utility to provide configuration for a specific DF component.
  *
@@ -67,6 +337,122 @@ const injectDfComponentConfig = (componentKey) => () => {
     return toAngularWritableSignal(componentConfigStore);
 };
 
+/**
+ * A utility function to manage the lifecycle of a directive for a host element.
+ *
+ * This function handles the creation, updating, and destruction of a directive instance
+ * associated with a host element. It ensures that the directive is called appropriately
+ * based on the platform (server or client) and manages the directive's lifecycle within
+ * the Angular injection context.
+ *
+ * @template T - The type of parameters that the directive accepts.
+ *
+ * @param [directive] - The directive to be applied to the host element.
+ * @param [params] - The parameters to be passed to the directive.
+ *
+ * @returns An object containing an `update` function to update the directive and its parameters.
+ */
+const useDirectiveForHost = (directive, params) => {
+    const injector = inject(Injector);
+    const ref = inject(ElementRef);
+    const platform = inject(PLATFORM_ID);
+    let instance;
+    let plannedCallDirective = false;
+    const callDirective = isPlatformServer(platform)
+        ? () => {
+            instance = directive?.(ref.nativeElement, params);
+        }
+        : () => {
+            if (plannedCallDirective || !directive) {
+                return;
+            }
+            plannedCallDirective = true;
+            runInInjectionContext(injector, () => {
+                afterNextRender(() => {
+                    plannedCallDirective = false;
+                    instance = directive?.(ref.nativeElement, params);
+                });
+            });
+        };
+    function destroyDirectiveInstance() {
+        const oldInstance = instance;
+        instance = undefined;
+        directive = undefined;
+        oldInstance?.destroy?.();
+    }
+    inject(DestroyRef).onDestroy(destroyDirectiveInstance);
+    function update(newDirective, newParams) {
+        if (newDirective !== directive) {
+            void destroyDirectiveInstance();
+            directive = newDirective;
+            params = newParams;
+            callDirective();
+        }
+        else if (newParams != params) {
+            params = newParams;
+            instance?.update?.(params);
+        }
+    }
+    callDirective();
+    return { update };
+};
+/**
+ * A directive that allows the use of another directive with optional parameters.
+ *
+ * @template T - The type of the parameter that can be passed to the directive.
+ *
+ * @remarks
+ * This directive uses a private instance of {@link useDirectiveForHost} to manage the directive and its parameter.
+ */
+class UseDirective {
+    constructor() {
+        this.use = input.required({ ...(ngDevMode ? { debugName: "use" } : {}), alias: 'dfUse' });
+        this.#useDirective = useDirectiveForHost();
+    }
+    #useDirective;
+    /** @internal */
+    ngOnChanges() {
+        const use = this.use();
+        const [directive, param] = Array.isArray(use) ? use : [use];
+        this.#useDirective.update(directive, param);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: UseDirective, isStandalone: true, selector: "[dfUse]", inputs: { use: { classPropertyName: "use", publicName: "dfUse", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dfUse]'
+                }]
+        }], propDecorators: { use: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfUse", required: true }] }] } });
+/**
+ * A directive that allows the use of multiple directives on a host element.
+ *
+ * @template T - A tuple type representing the directives and their optional parameters.
+ */
+class UseMultiDirective {
+    constructor() {
+        /**
+         * An input property that takes a tuple of directives and their optional parameters.
+         */
+        this.useMulti = input.required({ ...(ngDevMode ? { debugName: "useMulti" } : {}), alias: 'dfUseMulti' });
+        this.#useDirective = useDirectiveForHost();
+    }
+    #useDirective;
+    /** @internal */
+    ngOnChanges() {
+        this.#useDirective.update(multiDirective, this.useMulti());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UseMultiDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: UseMultiDirective, isStandalone: true, selector: "[dfUseMulti]", inputs: { useMulti: { classPropertyName: "useMulti", publicName: "dfUseMulti", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UseMultiDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dfUseMulti]'
+                }]
+        }], propDecorators: { useMulti: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfUseMulti", required: true }] }] } });
+
 /**
  * An abstract base class for widget directives, providing common functionality
  * for Angular components that interact with widgets.
@@ -92,20 +478,56 @@ class AgnosWidgetDirective {
     ngOnInit() {
         this._agnosWidget.ngInit();
     }
-    /** @internal */
-    ngAfterContentChecked() {
-        this._agnosWidget.updateSlots();
+    /**
+     * Access to the widget state.
+     */
+    get state() {
+        return this._agnosWidget.state;
+    }
+    /**
+     * Access to the widget API.
+     */
+    get api() {
+        return this._agnosWidget.api;
+    }
+    /**
+     * Access to the widget directives.
+     */
+    get directives() {
+        return this._agnosWidget.directives;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AgnosWidgetDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: AgnosWidgetDirective, isStandalone: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AgnosWidgetDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AgnosWidgetDirective, isStandalone: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AgnosWidgetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AgnosWidgetDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }] });
 
+// Breakpoints based on Bootstrap 5
+/**
+ * sm breakpoint,
+ * tansu signal that returns true when the viewport is at least 576px wide
+ */
+const sm$ = createMatchMedia('(min-width: 576px)');
+/**
+ * md breakpoint,
+ * tansu signal that returns true when the viewport is at least 768px wide
+ */
+const md$ = createMatchMedia('(min-width: 768px)');
+/**
+ * lg breakpoint,
+ * tansu signal that returns true when the viewport is at least 992px wide
+ */
+const lg$ = createMatchMedia('(min-width: 992px)');
+/**
+ * xl breakpoint,
+ * tansu signal that returns true when the viewport is at least 1200px wide
+ */
+const xl$ = createMatchMedia('(min-width: 1200px)');
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AgnosWidgetDirective, callWidgetFactory, injectDfComponentConfig, injectWidgetsConfig, provideDfComponentConfig, provideWidgetsConfig };
+export { AgnosWidgetDirective, BaseWidgetDirective, UseDirective, UseMultiDirective, callWidgetFactory, callWidgetFactoryWithConfig, injectDfComponentConfig, injectWidgetConfig, lg$, md$, provideDfComponentConfig, sm$, toAngularSignal, toAngularWritableSignal, useDirectiveForHost, xl$ };
 //# sourceMappingURL=design-factory-angular-internals.mjs.map

package/fesm2022/design-factory-angular-internals.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-factory-angular-internals.mjs","sources":["../../internals/config.ts","../../internals/widget.directive.ts","../../internals/design-factory-angular-internals.ts"],"sourcesContent":["import type { WidgetsConfigStore } from '@agnos-ui/angular-headless';\nimport { createWidgetsConfig, toAngularWritableSignal, widgetsConfigFactory } from '@agnos-ui/angular-headless';\nimport { asWritable, computed, type ReadableSignal } from '@amadeus-it-group/tansu';\nimport type { FactoryProvider } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\n\nconst widgetFactories = widgetsConfigFactory(\n  new InjectionToken<WidgetsConfigStore<unknown>>('dfConfig', {\n    providedIn: 'root',\n    factory: () => createWidgetsConfig()\n  })\n);\n\nexport const provideWidgetsConfig = widgetFactories.provideWidgetsConfig;\n\nexport const injectWidgetsConfig = widgetFactories.injectWidgetsConfig;\n\n/**\n * Creates and initializes a widget using the provided factory and configuration options.\n *\n * The resulting widget can be easily hooked into the lifecycle of an Angular component through {@link BaseWidgetDirective}.\n *\n * @template W - The type of the widget.\n * @param factory - The factory function to create the widget.\n * @param options - The options for creating the widget.\n * @param options.defaultConfig - The default configuration for the widget.\n * @param options.events - The event handlers for the widget.\n * @param options.slotTemplates - A function that returns the slot templates for the widget.\n * @param options.slotChildren - A function that returns the slot children for the widget.\n * @param options.afterInit - A callback function to be called after the widget is initialized.\n * @returns The initialized widget.\n */\nexport const callWidgetFactory = widgetFactories.callWidgetFactory;\n\n/**\n * Utility to provide configuration for a specific DF component.\n *\n * @example\n * ```typescript\n * export const provideDfCollapseConfig = provideDfComponentConfig<DfCollapseConfig>(COLLAPSE_CONFIG_KEY);\n * ```\n *\n * @param componentKey the key of the component in the global configuration\n * @returns the component config provider\n */\nexport const provideDfComponentConfig = <T>(componentKey: string) => {\n  return (config?: Partial<T> | ((prevConfig: Partial<T>) => Partial<T>)) => {\n    const typedProvideWidgetsConfig = provideWidgetsConfig as (\n      adaptParentConfig?: (parentConfig: { [componentKey]?: Partial<T> }) => { [componentKey]?: Partial<T> }\n    ) => FactoryProvider;\n    return typedProvideWidgetsConfig((prevConfig) => ({\n      ...prevConfig,\n      [componentKey]: {\n        ...(prevConfig?.[componentKey] ?? {}),\n        ...(typeof config === 'function' ? config(prevConfig?.[componentKey] ?? {}) : (config ?? {}))\n      }\n    }));\n  };\n};\n\n/**\n * Utility to inject writable configuration for a specific DF component.\n *\n * @example\n * ```typescript\n * export const injectDfCollapseConfig = injectDfComponentConfig<DfCollapseConfig>(COLLAPSE_CONFIG_KEY);\n * ```\n *\n * @param componentKey the key of the component in the global configuration\n * @returns the inject function that returns the writable component configuration\n */\nexport const injectDfComponentConfig =\n  <T>(componentKey: string) =>\n  () => {\n    const widgetsConfigStore = injectWidgetsConfig() as WidgetsConfigStore<{ [componentKey]?: Partial<T> }>;\n    const componentConfigStore = asWritable(\n      computed(() => widgetsConfigStore.own$()[componentKey] ?? {}) as ReadableSignal<Partial<T>>,\n      (newConfig: Partial<T>) => {\n        widgetsConfigStore.own$.update((currentConfig) => ({ ...currentConfig, [componentKey]: newConfig }));\n      }\n    );\n    return toAngularWritableSignal(componentConfigStore);\n  };\n","import { AngularWidget, Widget } from '@agnos-ui/angular-headless';\nimport { AfterContentChecked, Directive, OnChanges, OnInit, SimpleChanges } from '@angular/core';\n\n/**\n * An abstract base class for widget directives, providing common functionality\n * for Angular components that interact with widgets.\n *\n * @template W - The type of the widget.\n */\n@Directive()\nexport abstract class AgnosWidgetDirective<W extends Widget> implements OnChanges, OnInit, AfterContentChecked {\n  // eslint-disable-next-line @angular-eslint/prefer-inject\n  constructor(protected readonly _agnosWidget: AngularWidget<W>) {}\n\n  /** @internal */\n  ngOnChanges(changes: SimpleChanges): void {\n    const patchData: any = {};\n    for (const [key, simpleChange] of Object.entries(changes)) {\n      if (simpleChange !== undefined) {\n        patchData[key] = simpleChange.currentValue;\n      }\n    }\n    this._agnosWidget.patch(patchData);\n  }\n\n  /** @internal */\n  ngOnInit(): void {\n    this._agnosWidget.ngInit();\n  }\n\n  /** @internal */\n  ngAfterContentChecked(): void {\n    this._agnosWidget.updateSlots();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAMA,MAAM,eAAe,GAAG,oBAAoB,CAC1C,IAAI,cAAc,CAA8B,UAAU,EAAE;AAC1D,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,mBAAmB;AACnC,CAAA,CAAC,CACH;AAEM,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAE7C,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAEnD;;;;;;;;;;;;;;AAcG;AACI,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAEjD;;;;;;;;;;AAUG;AACI,MAAM,wBAAwB,GAAG,CAAI,YAAoB,KAAI;IAClE,OAAO,CAAC,MAA8D,KAAI;QACxE,MAAM,yBAAyB,GAAG,oBAEd;AACpB,QAAA,OAAO,yBAAyB,CAAC,CAAC,UAAU,MAAM;AAChD,YAAA,GAAG,UAAU;YACb,CAAC,YAAY,GAAG;gBACd,IAAI,UAAU,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC;gBACrC,IAAI,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,UAAU,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,MAAM,IAAI,EAAE,CAAC;AAC7F;AACF,SAAA,CAAC,CAAC;AACL,IAAA,CAAC;AACH;AAEA;;;;;;;;;;AAUG;AACI,MAAM,uBAAuB,GAClC,CAAI,YAAoB,KACxB,MAAK;AACH,IAAA,MAAM,kBAAkB,GAAG,mBAAmB,EAAyD;IACvG,MAAM,oBAAoB,GAAG,UAAU,CACrC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,CAA+B,EAC3F,CAAC,SAAqB,KAAI;QACxB,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC,YAAY,GAAG,SAAS,EAAE,CAAC,CAAC;AACtG,IAAA,CAAC,CACF;AACD,IAAA,OAAO,uBAAuB,CAAC,oBAAoB,CAAC;AACtD;;AC/EF;;;;;AAKG;MAEmB,oBAAoB,CAAA;;AAExC,IAAA,WAAA,CAA+B,YAA8B,EAAA;QAA9B,IAAA,CAAA,YAAY,GAAZ,YAAY;IAAqB;;AAGhE,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,MAAM,SAAS,GAAQ,EAAE;AACzB,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AACzD,YAAA,IAAI,YAAY,KAAK,SAAS,EAAE;AAC9B,gBAAA,SAAS,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,YAAY;YAC5C;QACF;AACA,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;IACpC;;IAGA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;IAC5B;;IAGA,qBAAqB,GAAA;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;IACjC;8GAvBoB,oBAAoB,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADzC;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"design-factory-angular-internals.mjs","sources":["../../internals/utils/stores.ts","../../internals/utils/widget.ts","../../internals/config.ts","../../internals/utils/directive.ts","../../internals/widget.directive.ts","../../internals/breakpoints.ts","../../internals/design-factory-angular-internals.ts"],"sourcesContent":["import type { ReadableSignal, WritableSignal as TansuWritableSignal } from '@amadeus-it-group/tansu';\nimport type { Signal, WritableSignal } from '@angular/core';\nimport { DestroyRef, inject, signal } from '@angular/core';\n\n/**\n * Converts a Tansu `ReadableSignal` to an Angular `Signal`.\n *\n * This function wraps the provided Tansu signal in an Angular signal. It subscribes to the\n * Tansu signal and updates the Angular signal with the received values. The equality function\n * for the Angular signal is set to always return false, ensuring that every new value from the\n * Tansu signal triggers an update.\n *\n * @template T - The type of the value emitted by the signals.\n * @param tansuSignal - The Tansu signal to convert.\n * @returns - The resulting Angular signal.\n */\nexport const toAngularSignal = <T>(tansuSignal: ReadableSignal<T>): Signal<T> => {\n  // The equality of objects from 2 sequential emissions is already checked in tansu signal.\n  // Here we'll always emit the value received from tansu signal, therefor the equality function\n  const res = signal(undefined as any as T, { equal: () => false });\n  const subscription = tansuSignal.subscribe((value) => {\n    res.set(value);\n  });\n  inject(DestroyRef).onDestroy(subscription);\n\n  return res.asReadonly();\n};\n\n/**\n * Converts a Tansu `WritableSignal` to an Angular `WritableSignal`.\n *\n * This function wraps the provided Tansu signal in an Angular signal. It subscribes to the\n * Tansu signal and updates the Angular signal with the received values. The equality function\n * for the Angular signal is set to always return false, ensuring that every new value from the\n * Tansu signal triggers an update.\n *\n * @template T - The type of the value emitted by the signals.\n * @param tansuSignal - The Tansu signal to convert.\n * @returns - The resulting Angular signal.\n */\nexport const toAngularWritableSignal = <T>(tansuSignal: TansuWritableSignal<T>): WritableSignal<T> => {\n  const res = signal(undefined as any as T, { equal: () => false });\n  const set = res.set.bind(res);\n  const subscription = tansuSignal.subscribe((value) => {\n    set(value);\n  });\n  inject(DestroyRef).onDestroy(subscription);\n  res.set = tansuSignal.set;\n  res.update = tansuSignal.update;\n  return res;\n};\n","import { computed, type ReadableSignal } from '@amadeus-it-group/tansu';\nimport type { OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { Directive, Injector, inject, runInInjectionContext } from '@angular/core';\nimport type { AngularState, AngularWidget } from '../types';\nimport type { Widget, WidgetFactory, WidgetProps } from '@agnos-ui/core/types';\nimport { toAngularSignal } from './stores';\nimport { toReadableStore } from '@agnos-ui/core/utils/stores';\n\n/**\n * Call a widget factory using provided configs.\n *\n * The resulting widget can be easily hooked into the lifecycle of an Angular component through {@link BaseWidgetDirective}.\n *\n * @param factory - the widget factory to call\n * @param options - the options\n * @param options.defaultConfig - the default config of the widget\n * @param options.widgetConfig - the config of the widget, overriding the defaultConfig\n * @param options.events - the events of the widget\n * @param options.afterInit - a callback to call after successful setup of the widget\n * @returns the widget\n */\nexport const callWidgetFactoryWithConfig = <W extends Widget>(\n  factory: WidgetFactory<W>,\n  options?: {\n    defaultConfig?: Partial<WidgetProps<W>> | ReadableSignal<Partial<WidgetProps<W>> | undefined>;\n    widgetConfig?: null | undefined | ReadableSignal<Partial<WidgetProps<W>> | undefined>;\n    events?: Partial<Pick<WidgetProps<W>, keyof WidgetProps<W> & `on${string}`>>;\n    afterInit?: (widget: AngularWidget<W>) => void;\n  }\n): AngularWidget<W> => {\n  const { defaultConfig, widgetConfig, events: eventsProp, afterInit } = options ?? {};\n  const injector = inject(Injector);\n  const props = {};\n  let initDone: () => void;\n\n  const res = {\n    initialized: new Promise<void>((resolve) => {\n      initDone = resolve;\n    }),\n    patch(newProps: Partial<WidgetProps<W>>) {\n      // temporary function replaced in ngInit\n      Object.assign(props, newProps);\n    },\n    ngInit() {\n      runInInjectionContext(injector, () => {\n        const defaultConfig$ = toReadableStore(defaultConfig);\n        const widget = factory({\n          config: computed(() => ({\n            ...defaultConfig$(),\n            ...widgetConfig?.(),\n            ...(eventsProp as Partial<WidgetProps<W>>)\n          })),\n          props\n        });\n        Object.assign(res, {\n          patch: widget.patch,\n          directives: widget.directives,\n          api: widget.api,\n          state: Object.fromEntries(\n            Object.entries<ReadableSignal<unknown>>(widget.stores as any).map(([key, val]) => [\n              key.slice(0, -1),\n              toAngularSignal(val)\n            ])\n          )\n        });\n        afterInit?.(res as AngularWidget<W>);\n        initDone();\n      });\n    }\n  };\n\n  return res as AngularWidget<W>;\n};\n\nfunction patchSimpleChanges(patchFn: (obj: any) => void, changes: SimpleChanges) {\n  const obj: any = {};\n  for (const [key, simpleChange] of Object.entries(changes)) {\n    if (simpleChange !== undefined) {\n      obj[key] = simpleChange.currentValue;\n    }\n  }\n  patchFn(obj);\n}\n\n/**\n * An abstract base class for widget directives, providing common functionality\n * for Angular components that interact with widgets.\n *\n * @template W - The type of the widget.\n */\n@Directive()\nexport abstract class BaseWidgetDirective<W extends Widget> implements OnChanges, OnInit {\n  constructor(\n    // eslint-disable-next-line @angular-eslint/prefer-inject\n    private readonly _widget: AngularWidget<W>,\n    // eslint-disable-next-line @angular-eslint/prefer-inject\n    private readonly propRenames?: Record<string, string>\n  ) {}\n\n  /**\n   * Retrieves the widget api\n   * @returns the widget api\n   */\n  get api(): W['api'] {\n    return this._widget.api;\n  }\n\n  /**\n   * Retrieves the widget state. Each property of the state is exposed through an Angular {@link https://angular.dev/api/core/Signal | Signal}\n   * @returns the widget state\n   */\n  get state(): AngularState<W> {\n    return this._widget.state;\n  }\n\n  /**\n   * Retrieves the widget directives\n   * @returns the widget directives\n   */\n  get directives(): W['directives'] {\n    return this._widget.directives;\n  }\n\n  /**\n   * @inheritdoc\n   * @internal\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    const renamedChanges: SimpleChanges = {};\n    if (this.propRenames) {\n      for (const [key, simpleChange] of Object.entries(changes)) {\n        const renamedKey = this.propRenames[key] ?? key;\n        renamedChanges[renamedKey] = simpleChange;\n      }\n    } else {\n      Object.assign(renamedChanges, changes);\n    }\n    patchSimpleChanges(this._widget.patch, renamedChanges);\n  }\n\n  /** @internal */\n  ngOnInit(): void {\n    this._widget.ngInit();\n  }\n}\n","import { asWritable, computed, type ReadableSignal } from '@amadeus-it-group/tansu';\nimport type { FactoryProvider } from '@angular/core';\nimport { InjectionToken, Injector, Optional, SkipSelf, inject, runInInjectionContext } from '@angular/core';\nimport type { Partial2Levels, WidgetsConfigStore } from '@agnos-ui/core/config';\nimport { createWidgetsConfig } from '@agnos-ui/core/config';\nimport type { Widget, WidgetFactory, WidgetProps } from '@agnos-ui/core/types';\nimport { FACTORY_WIDGET_NAME } from '@agnos-ui/core/types';\nimport type { AngularWidget } from './types';\nimport { toAngularWritableSignal } from './utils/stores';\nimport { callWidgetFactoryWithConfig } from './utils/widget';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { BaseWidgetDirective } from './utils/widget';\n\ntype AdaptParentConfig<Config> = (config: Partial2Levels<Config>) => Partial2Levels<Config>;\ntype InjectWidgetsConfig<Config> = (config?: Partial2Levels<Config>) => WidgetsConfigStore<Config>;\ntype GenericConfig = Record<string, Record<string, unknown>>;\n\nconst WIDGETS_CONFIG_INJECTION_TOKEN = new InjectionToken<WidgetsConfigStore<GenericConfig>>('widgetsConfig', {\n  providedIn: 'root',\n  factory: () => createWidgetsConfig()\n});\n\n/**\n * Creates a provider of widgets default configuration that inherits from any widgets default configuration already defined at an upper level\n * in the Angular dependency injection system. It contains its own set of widgets configuration properties that override the same properties form\n * the parent configuration.\n *\n * @remarks\n * The configuration is computed from the parent configuration in two steps:\n * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).\n * If adaptParentConfig is not specified, this step is skipped.\n * - second step: the configuration from step 1 is merged (2-levels deep) with the own$ store. The own$ store initially contains\n * an empty object (i.e. no property from the parent is overridden). It can be changed by calling set on the store returned by\n * {@link injectWidgetsConfig}.\n *\n * @param adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration\n * defined at an upper level in the Angular dependency injection system (or an empty object if there is none) and returns the widgets\n * default configuration to be used.\n * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.\n * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.\n * It is also called in an Angular injection context, so it can call the Angular inject function to get and use dependencies from the\n * Angular dependency injection system.\n *\n * @returns DI provider to be included a list of `providers` (for example at a component level or\n * any other level of the Angular dependency injection system)\n *\n * @example\n * ```typescript\n * @Component({\n *   // ...\n *   providers: [\n *     provideWidgetsConfig((parentConfig) => {\n *       // first step configuration: transforms the parent configuration\n *       parentConfig.rating = parentConfig.rating ?? {};\n *       parentConfig.rating.className = `${parentConfig.rating.className ?? ''} my-rating-extra-class`\n *       return parentConfig;\n *     })\n *   ]\n * })\n * class MyComponent {\n *   widgetsConfig = injectWidgetsConfig();\n *   constructor() {\n *     this.widgetsConfig.set({\n *       // second step configuration: overrides the parent configuration\n *       rating: {\n *         slotStar: MyCustomSlotStar\n *       }\n *     });\n *   }\n *   // ...\n * }\n * ```\n */\nconst provideWidgetsConfig = (adaptParentConfig?: AdaptParentConfig<GenericConfig>): FactoryProvider => ({\n  provide: WIDGETS_CONFIG_INJECTION_TOKEN,\n  useFactory: (parent: WidgetsConfigStore<GenericConfig> | null) => {\n    if (adaptParentConfig) {\n      const injector = inject(Injector);\n      const originalAdaptParentConfig = adaptParentConfig;\n      adaptParentConfig = (value) => runInInjectionContext(injector, () => originalAdaptParentConfig(value));\n    }\n    return createWidgetsConfig(parent ?? undefined, adaptParentConfig);\n  },\n  deps: [[new SkipSelf(), new Optional(), WIDGETS_CONFIG_INJECTION_TOKEN]]\n});\n\n/**\n * Returns the widgets default configuration store that was provided in the current injection context.\n * Throws if the no widgets default configuration store was provided.\n *\n * @param defaultConfig - values to set as soon as the config is injected\n * @remarks\n * This function must be called from an injection context, such as a constructor, a factory function, a field initializer or\n * a function used with {@link https://angular.io/api/core/runInInjectionContext | runInInjectionContext}.\n *\n * @returns the widgets default configuration store.\n */\nconst injectWidgetsConfig: InjectWidgetsConfig<GenericConfig> = (defaultConfig?: Partial2Levels<GenericConfig>) => {\n  const widgetsConfig = inject(WIDGETS_CONFIG_INJECTION_TOKEN);\n  if (defaultConfig) {\n    widgetsConfig.set(defaultConfig);\n  }\n  return widgetsConfig;\n};\n\n/**\n * Injects the configuration for a specific widget.\n *\n * @template T - The type of the widget configuration to be injected.\n * @param widgetName - The name of the widget whose configuration is to be injected.\n * @returns A `ReadableSignal` that provides a partial configuration of the specified widget or `undefined` if the configuration is not available.\n */\nexport const injectWidgetConfig = <T>(widgetName: string): ReadableSignal<Partial<T> | undefined> => {\n  const widgetsConfig = inject(WIDGETS_CONFIG_INJECTION_TOKEN, { optional: true });\n  return computed(() => widgetsConfig?.()[widgetName] as Partial<T> | undefined);\n};\n\n/**\n * Creates and initializes a widget using the provided factory and configuration options.\n *\n * The resulting widget can be easily hooked into the lifecycle of an Angular component through {@link BaseWidgetDirective}.\n *\n * @template W - The type of the widget.\n * @param factory - The factory function to create the widget.\n * @param options - The options for creating the widget.\n * @param options.defaultConfig - The default configuration for the widget.\n * @param options.events - The event handlers for the widget.\n * @param options.afterInit - A callback function to be called after the widget is initialized.\n * @returns The initialized widget.\n */\nexport const callWidgetFactory = <W extends Widget>(\n  factory: WidgetFactory<W>,\n  options?: {\n    defaultConfig?: Partial<WidgetProps<W>> | ReadableSignal<Partial<WidgetProps<W>> | undefined>;\n    events?: Partial<Pick<WidgetProps<W>, keyof WidgetProps<W> & `on${string}`>>;\n    afterInit?: (widget: AngularWidget<W>) => void;\n  }\n): AngularWidget<W> =>\n  callWidgetFactoryWithConfig(factory, {\n    widgetConfig: factory[FACTORY_WIDGET_NAME] ? (injectWidgetConfig(factory[FACTORY_WIDGET_NAME]) as any) : undefined,\n    defaultConfig: options?.defaultConfig,\n    events: options?.events,\n    afterInit: options?.afterInit\n  });\n\n/**\n * Utility to provide configuration for a specific DF component.\n *\n * @example\n * ```typescript\n * export const provideDfCollapseConfig = provideDfComponentConfig<DfCollapseConfig>(COLLAPSE_CONFIG_KEY);\n * ```\n *\n * @param componentKey the key of the component in the global configuration\n * @returns the component config provider\n */\nexport const provideDfComponentConfig = <T>(componentKey: string) => {\n  return (config?: Partial<T> | ((prevConfig: Partial<T>) => Partial<T>)) => {\n    const typedProvideWidgetsConfig = provideWidgetsConfig as (\n      adaptParentConfig?: (parentConfig: { [componentKey]?: Partial<T> }) => { [componentKey]?: Partial<T> }\n    ) => FactoryProvider;\n    return typedProvideWidgetsConfig((prevConfig) => ({\n      ...prevConfig,\n      [componentKey]: {\n        ...(prevConfig?.[componentKey] ?? {}),\n        ...(typeof config === 'function' ? config(prevConfig?.[componentKey] ?? {}) : (config ?? {}))\n      }\n    }));\n  };\n};\n\n/**\n * Utility to inject writable configuration for a specific DF component.\n *\n * @example\n * ```typescript\n * export const injectDfCollapseConfig = injectDfComponentConfig<DfCollapseConfig>(COLLAPSE_CONFIG_KEY);\n * ```\n *\n * @param componentKey the key of the component in the global configuration\n * @returns the inject function that returns the writable component configuration\n */\nexport const injectDfComponentConfig =\n  <T>(componentKey: string) =>\n  () => {\n    const widgetsConfigStore = injectWidgetsConfig() as WidgetsConfigStore<{ [componentKey]?: Partial<T> }>;\n    const componentConfigStore = asWritable(\n      computed(() => widgetsConfigStore.own$()[componentKey] ?? {}) as ReadableSignal<Partial<T>>,\n      (newConfig: Partial<T>) => {\n        widgetsConfigStore.own$.update((currentConfig) => ({ ...currentConfig, [componentKey]: newConfig }));\n      }\n    );\n    return toAngularWritableSignal(componentConfigStore);\n  };\n","import type { Directive as AgnosUIDirective, DirectiveAndParam, DirectivesAndOptParam } from '@agnos-ui/core/types';\nimport { multiDirective } from '@agnos-ui/core/utils/directive';\nimport { isPlatformServer } from '@angular/common';\nimport type { OnChanges } from '@angular/core';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Injector,\n  PLATFORM_ID,\n  afterNextRender,\n  inject,\n  runInInjectionContext,\n  input\n} from '@angular/core';\n\n/**\n * A utility function to manage the lifecycle of a directive for a host element.\n *\n * This function handles the creation, updating, and destruction of a directive instance\n * associated with a host element. It ensures that the directive is called appropriately\n * based on the platform (server or client) and manages the directive's lifecycle within\n * the Angular injection context.\n *\n * @template T - The type of parameters that the directive accepts.\n *\n * @param [directive] - The directive to be applied to the host element.\n * @param [params] - The parameters to be passed to the directive.\n *\n * @returns An object containing an `update` function to update the directive and its parameters.\n */\nexport const useDirectiveForHost = <T>(directive?: AgnosUIDirective<T>, params?: T) => {\n  const injector = inject(Injector);\n  const ref = inject(ElementRef);\n  const platform = inject(PLATFORM_ID);\n\n  let instance: undefined | ReturnType<AgnosUIDirective<T>>;\n  let plannedCallDirective = false;\n\n  const callDirective = isPlatformServer(platform)\n    ? () => {\n        instance = directive?.(ref.nativeElement, params as T);\n      }\n    : () => {\n        if (plannedCallDirective || !directive) {\n          return;\n        }\n        plannedCallDirective = true;\n        runInInjectionContext(injector, () => {\n          afterNextRender(() => {\n            plannedCallDirective = false;\n            instance = directive?.(ref.nativeElement, params as T);\n          });\n        });\n      };\n\n  function destroyDirectiveInstance() {\n    const oldInstance = instance;\n    instance = undefined;\n    directive = undefined;\n    oldInstance?.destroy?.();\n  }\n\n  inject(DestroyRef).onDestroy(destroyDirectiveInstance);\n\n  function update(newDirective?: AgnosUIDirective<T>, newParams?: T) {\n    if (newDirective !== directive) {\n      void destroyDirectiveInstance();\n      directive = newDirective;\n      params = newParams;\n      callDirective();\n    } else if (newParams != params) {\n      params = newParams;\n      instance?.update?.(params as T);\n    }\n  }\n\n  callDirective();\n  return { update };\n};\n\n/**\n * A directive that allows the use of another directive with optional parameters.\n *\n * @template T - The type of the parameter that can be passed to the directive.\n *\n * @remarks\n * This directive uses a private instance of {@link useDirectiveForHost} to manage the directive and its parameter.\n */\n@Directive({\n  selector: '[dfUse]'\n})\nexport class UseDirective<T> implements OnChanges {\n  readonly use = input.required<AgnosUIDirective | DirectiveAndParam<T>>({ alias: 'dfUse' });\n  readonly #useDirective = useDirectiveForHost<T>();\n\n  /** @internal */\n  ngOnChanges() {\n    const use = this.use();\n    const [directive, param] = Array.isArray(use) ? use : [use as any];\n    this.#useDirective.update(directive, param);\n  }\n}\n\n/**\n * A directive that allows the use of multiple directives on a host element.\n *\n * @template T - A tuple type representing the directives and their optional parameters.\n */\n@Directive({\n  selector: '[dfUseMulti]'\n})\nexport class UseMultiDirective<T extends any[]> implements OnChanges {\n  /**\n   * An input property that takes a tuple of directives and their optional parameters.\n   */\n  readonly useMulti = input.required<DirectivesAndOptParam<T>>({ alias: 'dfUseMulti' });\n\n  readonly #useDirective = useDirectiveForHost<DirectivesAndOptParam<T>>();\n\n  /** @internal */\n  ngOnChanges() {\n    this.#useDirective.update(multiDirective, this.useMulti());\n  }\n}\n","import type { Widget } from '@agnos-ui/core/types';\nimport type { AngularWidget } from './types';\nimport { Directive, OnChanges, OnInit, SimpleChanges } from '@angular/core';\n\n/**\n * An abstract base class for widget directives, providing common functionality\n * for Angular components that interact with widgets.\n *\n * @template W - The type of the widget.\n */\n@Directive()\nexport abstract class AgnosWidgetDirective<W extends Widget> implements OnChanges, OnInit {\n  // eslint-disable-next-line @angular-eslint/prefer-inject\n  constructor(protected readonly _agnosWidget: AngularWidget<W>) {}\n\n  /** @internal */\n  ngOnChanges(changes: SimpleChanges): void {\n    const patchData: any = {};\n    for (const [key, simpleChange] of Object.entries(changes)) {\n      if (simpleChange !== undefined) {\n        patchData[key] = simpleChange.currentValue;\n      }\n    }\n    this._agnosWidget.patch(patchData);\n  }\n\n  /** @internal */\n  ngOnInit(): void {\n    this._agnosWidget.ngInit();\n  }\n\n  /**\n   * Access to the widget state.\n   */\n  protected get state(): AngularWidget<W>['state'] {\n    return this._agnosWidget.state;\n  }\n\n  /**\n   * Access to the widget API.\n   */\n  protected get api(): AngularWidget<W>['api'] {\n    return this._agnosWidget.api;\n  }\n\n  /**\n   * Access to the widget directives.\n   */\n  protected get directives(): AngularWidget<W>['directives'] {\n    return this._agnosWidget.directives;\n  }\n}\n","import { createMatchMedia } from '@agnos-ui/core/services/matchMedia';\n\n// Breakpoints based on Bootstrap 5\n\n/**\n * sm breakpoint,\n * tansu signal that returns true when the viewport is at least 576px wide\n */\nexport const sm$ = createMatchMedia('(min-width: 576px)');\n/**\n * md breakpoint,\n * tansu signal that returns true when the viewport is at least 768px wide\n */\nexport const md$ = createMatchMedia('(min-width: 768px)');\n/**\n * lg breakpoint,\n * tansu signal that returns true when the viewport is at least 992px wide\n */\nexport const lg$ = createMatchMedia('(min-width: 992px)');\n/**\n * xl breakpoint,\n * tansu signal that returns true when the viewport is at least 1200px wide\n */\nexport const xl$ = createMatchMedia('(min-width: 1200px)');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}