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

package/types/design-factory-angular-internals.d.ts

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { Signal, FactoryProvider, OnChanges, WritableSignal as WritableSignal$1, OnInit, SimpleChanges } from '@angular/core';
 import * as _amadeus_it_group_tansu from '@amadeus-it-group/tansu';
 import { ReadableSignal, WritableSignal } from '@amadeus-it-group/tansu';
-import * as _agnos_ui_core_types from '@agnos-ui/core/types';
-import { Widget, WidgetState, WidgetFactory, WidgetProps, Directive, DirectiveAndParam, DirectivesAndOptParam } from '@agnos-ui/core/types';
+import * as _design_factory_core_types from '@design-factory/core/types';
+import { Widget, WidgetState, WidgetFactory, WidgetProps, Directive, DirectiveAndParam, DirectivesAndOptParam } from '@design-factory/core/types';
 
 /**
  * Represents the state of an Angular widget, where each key in the widget's state
@@ -129,7 +129,7 @@ declare class UseMultiDirective<T extends any[]> implements OnChanges {
     /**
      * An input property that takes a tuple of directives and their optional parameters.
      */
-    readonly useMulti: i0.InputSignal<DirectivesAndOptParam<T, _agnos_ui_core_types.SSRHTMLElement>>;
+    readonly useMulti: i0.InputSignal<DirectivesAndOptParam<T, _design_factory_core_types.SSRHTMLElement>>;
     /** @internal */
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UseMultiDirective<any>, never>;

package/types/design-factory-angular-sidenav.d.ts

@@ -1,5 +1,5 @@
-import * as _agnos_ui_core_services_navManager from '@agnos-ui/core/services/navManager';
-import { NavManagerItemConfig } from '@agnos-ui/core/services/navManager';
+import * as _design_factory_core_services_navManager from '@design-factory/core/services/navManager';
+import { NavManagerItemConfig } from '@design-factory/core/services/navManager';
 import * as _angular_core from '@angular/core';
 import { ElementRef, Signal, AfterContentInit } from '@angular/core';
 import { IsActiveMatchOptions } from '@angular/router';
@@ -26,7 +26,14 @@ declare abstract class DfSidenavLinkBaseComponent {
      */
     readonly wrapperHasIconContent: _angular_core.InputSignal<boolean>;
     /**
-     * Indicates if the link is currently active based on the Router state
+     * Explicitly sets the active state of the link. When provided, the link behaves
+     * as an external link (plain `<a href>`) and the Angular Router is not used.
+     * When `undefined` (default), the active state is determined by the Angular Router.
+     */
+    readonly active: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Reflects the current active state of the link.
+     * Driven by the `active` input when provided, otherwise updated by the router via `(isActiveChange)`.
      */
     readonly isActiveLink: _angular_core.WritableSignal<boolean>;
     /**
@@ -45,7 +52,7 @@ declare abstract class DfSidenavLinkBaseComponent {
     protected readonly isVisible: _angular_core.Signal<boolean>;
     protected toggleSidenavOnSmallScreen(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfSidenavLinkBaseComponent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfSidenavLinkBaseComponent, never, never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "wrapperHasIconContent": { "alias": "wrapperHasIconContent"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, ["iconContent"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DfSidenavLinkBaseComponent, never, never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "wrapperHasIconContent": { "alias": "wrapperHasIconContent"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, ["iconContent"], never, true, never>;
 }
 
 /**
@@ -187,6 +194,12 @@ declare class DfSidenavLinkComponent {
     readonly routerLinkActiveOptions: _angular_core.InputSignal<IsActiveMatchOptions | {
         exact: boolean;
     }>;
+    /**
+     * Explicitly sets the active state of the link. When provided, the link renders as
+     * a plain `<a href>` (no Angular Router). When `undefined` (default), the Angular Router determines
+     * the active state.
+     */
+    readonly active: _angular_core.InputSignal<boolean | undefined>;
     /**
      * The parent wrapper item component (if any)
      */
@@ -203,7 +216,7 @@ declare class DfSidenavLinkComponent {
     protected readonly wrapperHasIconContent: _angular_core.Signal<boolean>;
     protected readonly sidenav: DfSidenavComponent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfSidenavLinkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfSidenavLinkComponent, "df-sidenav-link", never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, ["iconContentQuery"], ["[dfSidenavIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfSidenavLinkComponent, "df-sidenav-link", never, { "linkPath": { "alias": "linkPath"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, ["iconContentQuery"], ["[dfSidenavIcon]", "*"], true, never>;
 }
 
 /**
@@ -306,7 +319,7 @@ declare class DfSidenavComponent implements AfterContentInit {
     protected readonly isLargeUpScreen: Signal<boolean>;
     protected readonly isMobileOrSmallScreen: Signal<boolean>;
     protected readonly backdrop: Signal<boolean>;
-    protected readonly navManager: _agnos_ui_core_services_navManager.NavManager<unknown>;
+    protected readonly navManager: _design_factory_core_services_navManager.NavManager<unknown>;
     protected readonly navManagerConfig: NavManagerItemConfig;
     private readonly injector;
     constructor();

package/types/design-factory-angular-topnav.d.ts

@@ -20,6 +20,7 @@ type SideNavItem = {
 type SideNavLink = {
     label: Signal<string>;
     href: Signal<string>;
+    external: Signal<boolean>;
     routerLinkActiveOptions: Signal<IsActiveMatchOptions | {
         exact: boolean;
     }>;
@@ -172,9 +173,15 @@ declare class DfTopNavNavigationLink extends DfTopNavNavigationElement {
      */
     readonly label: _angular_core.InputSignal<string>;
     /**
-     * The href of the navigation link, which will be used as the link target. It can be either an internal route or an external URL.
+     * The external href of the navigation link, which will be used as the link target. Use {@link routerLink} for internal links.
      */
-    readonly href: _angular_core.InputSignal<string>;
+    readonly href: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The internal router link of the navigation link, which will be used as the link target. Use {@link href} for external links.
+     */
+    readonly routerLink: _angular_core.InputSignal<string | undefined>;
+    protected readonly resolvedLink: _angular_core.Signal<string>;
+    protected readonly externalLink: _angular_core.Signal<boolean>;
     /**
      * The options to determine when the link is active based on the Router state. It can be either an object of type IsActiveMatchOptions or an object with an "exact" boolean property. When not provided, it defaults to { exact: false }.
      */
@@ -187,7 +194,7 @@ declare class DfTopNavNavigationLink extends DfTopNavNavigationElement {
      */
     readonly active: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfTopNavNavigationLink, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationLink, "df-topnav-navigation-link", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": true; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationLink, "df-topnav-navigation-link", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -202,9 +209,9 @@ declare class DfTopNavNavigationItem extends DfTopNavNavigationElement {
      */
     readonly label: _angular_core.InputSignal<string>;
     /**
-     * The href of the navigation item, which will be used as the link target. It can be either an internal route or an external URL.
+     * The routerLink of the navigation item, which will be used as the link target. It should be an internal route.
      */
-    readonly href: _angular_core.InputSignal<string>;
+    readonly routerLink: _angular_core.InputSignal<string>;
     protected readonly childElements: _angular_core.Signal<readonly DfTopNavNavigationElement[]>;
     protected readonly deepChildLinks: _angular_core.Signal<readonly DfTopNavNavigationLink[]>;
     protected readonly rootChildLinks: _angular_core.Signal<DfTopNavNavigationLink[]>;
@@ -216,7 +223,7 @@ declare class DfTopNavNavigationItem extends DfTopNavNavigationElement {
      */
     readonly active: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DfTopNavNavigationItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationItem, "df-topnav-navigation-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": true; "isSignal": true; }; }, {}, ["childElements", "deepChildLinks"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DfTopNavNavigationItem, "df-topnav-navigation-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": true; "isSignal": true; }; }, {}, ["childElements", "deepChildLinks"], never, true, never>;
 }
 
 /**

package/node_modules/@agnos-ui/core/README.md

@@ -1,5 +0,0 @@
-# @agnos-ui/core
-
-This is an internal package maintained within the Design Factory monorepo. It is **not** published to npm independently and is bundled into `@design-factory/angular` during build via `bundledDependencies`.
-
-AgnosUI is a framework-agnostic component library. This `@agnos-ui/core` package contains the framework-agnostic headless component logic. It is used by [`@design-factory/angular`](../../angular/components/).

package/node_modules/@agnos-ui/core/accordion-BC_9xn23.cjs

@@ -1,314 +0,0 @@
-"use strict";
-const utils_stores = require("./utils/stores.cjs");
-const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
-const tansu = require("@amadeus-it-group/tansu");
-const utils_func = require("./utils/func.cjs");
-const utils_writables = require("./writables-Dt68gADJ.cjs");
-const utils_directive = require("./directive-DCaXmRe_.cjs");
-const utils_widget = require("./utils/widget.cjs");
-function adjustItemsCloseOthers(items, openItems, oldOpen) {
-  let keepOpen;
-  if (openItems.length == 2) {
-    oldOpen = oldOpen ?? openItems[0];
-    keepOpen = openItems.find((id) => id !== oldOpen);
-  } else if (openItems.length > 2) {
-    keepOpen = openItems[0];
-  }
-  if (keepOpen) {
-    items.forEach((item) => {
-      if (item.stores.id$() !== keepOpen && item.stores.visible$()) {
-        item.patch({ visible: false });
-      }
-    });
-  }
-  return items;
-}
-function getItem(items, id) {
-  return items.find((item) => item.stores.id$() === id);
-}
-const defaultAccordionConfig = {
-  closeOthers: false,
-  onItemShown: utils_func.noop,
-  onItemHidden: utils_func.noop,
-  className: "",
-  itemDestroyOnHide: true,
-  itemAnimated: true,
-  itemTransition: utils_func.noop,
-  itemHeadingLevel: 2,
-  itemClassName: "",
-  itemHeaderClassName: "",
-  itemButtonClassName: "",
-  itemBodyContainerClassName: "",
-  itemBodyClassName: ""
-};
-const defaultItemConfig = {
-  id: "",
-  destroyOnHide: defaultAccordionConfig.itemDestroyOnHide,
-  disabled: false,
-  visible: false,
-  animated: defaultAccordionConfig.itemAnimated,
-  transition: defaultAccordionConfig.itemTransition,
-  onShown: utils_func.noop,
-  onHidden: utils_func.noop,
-  onVisibleChange: utils_func.noop,
-  className: defaultAccordionConfig.itemClassName,
-  headerClassName: defaultAccordionConfig.itemHeaderClassName,
-  buttonClassName: defaultAccordionConfig.itemButtonClassName,
-  bodyContainerClassName: defaultAccordionConfig.itemBodyContainerClassName,
-  bodyClassName: defaultAccordionConfig.itemBodyClassName,
-  headingLevel: defaultAccordionConfig.itemHeadingLevel
-};
-const coreAccordionItemProps = Object.keys(defaultItemConfig);
-function getAccordionDefaultConfig() {
-  return { ...defaultAccordionConfig };
-}
-const configAccordionValidator = {
-  closeOthers: utils_writables.typeBoolean,
-  onItemShown: utils_writables.typeFunction,
-  onItemHidden: utils_writables.typeFunction,
-  className: utils_writables.typeString,
-  itemDestroyOnHide: utils_writables.typeBoolean,
-  itemAnimated: utils_writables.typeBoolean,
-  itemTransition: utils_writables.typeFunction,
-  itemClassName: utils_writables.typeString,
-  itemHeaderClassName: utils_writables.typeString,
-  itemButtonClassName: utils_writables.typeString,
-  itemBodyContainerClassName: utils_writables.typeString,
-  itemBodyClassName: utils_writables.typeString,
-  itemHeadingLevel: utils_writables.createTypeEnum([1, 2, 3, 4, 5, 6])
-};
-const configItemValidator = {
-  id: utils_writables.typeString,
-  destroyOnHide: utils_writables.typeBoolean,
-  disabled: utils_writables.typeBoolean,
-  visible: utils_writables.typeBoolean,
-  animated: utils_writables.typeBoolean,
-  transition: utils_writables.typeFunction,
-  onShown: utils_writables.typeFunction,
-  onHidden: utils_writables.typeFunction,
-  onVisibleChange: utils_writables.typeFunction,
-  className: utils_writables.typeString,
-  headerClassName: utils_writables.typeString,
-  buttonClassName: utils_writables.typeString,
-  bodyContainerClassName: utils_writables.typeString,
-  bodyClassName: utils_writables.typeString,
-  headingLevel: utils_writables.createTypeEnum([1, 2, 3, 4, 5, 6])
-};
-function createAccordionItem(config) {
-  const [
-    {
-      bodyClassName$,
-      buttonClassName$,
-      bodyContainerClassName$,
-      headerClassName$,
-      animated$,
-      transition$,
-      destroyOnHide$,
-      onShown$,
-      onHidden$,
-      onVisibleChange$,
-      visible$,
-      id$: _dirtyId$,
-      disabled$,
-      ...stateProps
-    },
-    patch
-  ] = utils_stores.writablesForProps(defaultItemConfig, config, configItemValidator);
-  const initDone$ = tansu.writable(false);
-  const id$ = utils_stores.idWithDefault(_dirtyId$);
-  const transition = services_transitions_baseTransitions.createTransition({
-    props: {
-      transition: transition$,
-      visible: visible$,
-      onVisibleChange: onVisibleChange$,
-      animated: animated$,
-      animatedOnInit: false,
-      initDone: initDone$,
-      onHidden: () => {
-        onHidden$()();
-      },
-      onShown: () => {
-        onShown$()();
-      }
-    }
-  });
-  const shouldBeInDOM$ = tansu.computed(() => !destroyOnHide$() || !transition.stores.hidden$());
-  const toggleDirective = utils_directive.createAttributesDirective(() => ({
-    attributes: {
-      id: tansu.computed(() => `${id$()}-toggle`),
-      "aria-expanded": tansu.computed(() => `${visible$()}`),
-      "aria-disabled": tansu.computed(() => `${disabled$()}`),
-      "aria-controls": tansu.computed(() => `${id$()}-body-container`),
-      disabled: disabled$
-    },
-    classNames: { collapsed: tansu.computed(() => !visible$()) },
-    events: {
-      click: () => {
-        if (!disabled$()) {
-          void transition.api.toggle();
-        }
-      }
-    }
-  }));
-  const transitionDirective = transition.directives.directive;
-  const bodyContainerAttrsDirective = utils_directive.createAttributesDirective(() => ({
-    attributes: {
-      id: tansu.computed(() => `${id$()}-body-container`),
-      class: bodyContainerClassName$,
-      "aria-labelledby": tansu.computed(() => `${id$()}-toggle`),
-      role: tansu.readable("region")
-    }
-  }));
-  return {
-    ...utils_stores.stateStores({
-      visible$,
-      id$,
-      shouldBeInDOM$,
-      disabled$,
-      bodyClassName$,
-      buttonClassName$,
-      bodyContainerClassName$,
-      headerClassName$,
-      ...stateProps
-    }),
-    patch,
-    api: {
-      initDone: () => {
-        initDone$.set(true);
-      },
-      collapse: transition.api.hide,
-      expand: transition.api.show,
-      toggle: (animated) => transition.api.toggle(void 0, animated)
-    },
-    directives: {
-      toggleDirective,
-      buttonDirective: utils_directive.mergeDirectives(
-        toggleDirective,
-        utils_directive.createAttributesDirective(() => ({
-          attributes: {
-            type: tansu.readable("button"),
-            class: buttonClassName$
-          }
-        }))
-      ),
-      headerDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: headerClassName$ } })),
-      bodyDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: bodyClassName$ } })),
-      transitionDirective,
-      bodyContainerAttrsDirective,
-      bodyContainerDirective: utils_directive.mergeDirectives(transitionDirective, bodyContainerAttrsDirective),
-      itemDirective: utils_func.noop
-    }
-  };
-}
-function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItemProps = coreAccordionItemProps, accordionConfig = defaultAccordionConfig, accordionValidator = configAccordionValidator) {
-  return utils_widget.createWidgetFactory("accordion", (config) => {
-    const [writables, patch] = utils_stores.writablesForProps(accordionConfig, config, accordionValidator);
-    const { closeOthers$, onItemShown$, onItemHidden$, className$ } = writables;
-    const accordionItemConfig = Object.fromEntries(
-      Object.entries(writables).filter((entry) => entry[0].startsWith("item")).map((entry) => [entry[0].charAt(4).toLowerCase() + entry[0].slice(5, -1), entry[1]])
-    );
-    const itemWidgets$ = utils_directive.registrationArray();
-    const openItems$ = tansu.computed(() => {
-      const openItems = [];
-      itemWidgets$().forEach((item) => {
-        if (item.stores.visible$()) {
-          openItems.push(item.stores.id$());
-        }
-      });
-      return openItems;
-    });
-    const oldOpenItem$ = tansu.writable(openItems$()[0]);
-    const checkCloseOthersAction$ = tansu.computed(() => {
-      if (closeOthers$()) {
-        adjustItemsCloseOthers(itemWidgets$(), openItems$(), oldOpenItem$());
-        oldOpenItem$.set(openItems$()[0]);
-      }
-    });
-    const action$ = tansu.computed(() => {
-      checkCloseOthersAction$();
-    });
-    return {
-      ...utils_stores.stateStores({ itemWidgets$, className$ }),
-      patch,
-      api: {
-        expand: async (id, animated) => {
-          await getItem(itemWidgets$(), id)?.api.expand(animated);
-        },
-        collapse: async (id, animated) => {
-          await getItem(itemWidgets$(), id)?.api.collapse(animated);
-        },
-        toggle: async (id, animated) => {
-          await getItem(itemWidgets$(), id)?.api.toggle(animated);
-        },
-        expandAll: async (animated) => {
-          await Promise.all(itemWidgets$().map((i) => i.api.expand(animated)));
-        },
-        collapseAll: async (animated) => {
-          await Promise.all(itemWidgets$().map((i) => i.api.collapse(animated)));
-        },
-        registerItem: (propsConfig) => {
-          const itemProps = accordionItemProps;
-          const config2 = utils_stores.mergeConfigStores(
-            itemProps,
-            utils_stores.normalizeConfigStores(itemProps, propsConfig?.config),
-            accordionItemConfig
-          );
-          const [{ onHidden$, onShown$ }] = utils_stores.writablesForProps(
-            {
-              onHidden: defaultItemConfig.onHidden,
-              onShown: defaultItemConfig.onShown
-            },
-            { config: config2, props: propsConfig?.props }
-          );
-          const item = itemFactory({
-            config: config2,
-            props: {
-              ...propsConfig?.props,
-              onHidden: tansu.asWritable(
-                tansu.readable(() => {
-                  onItemHidden$()(item.stores.id$());
-                  onHidden$()?.();
-                }),
-                (val) => {
-                  onItemHidden$.set(val);
-                }
-              ),
-              onShown: tansu.asWritable(
-                tansu.readable(() => {
-                  onItemShown$()(item.stores.id$());
-                  onShown$()?.();
-                }),
-                (val) => {
-                  onItemShown$.set(val);
-                }
-              )
-            }
-          });
-          item.directives.itemDirective = utils_directive.mergeDirectives(
-            () => ({
-              destroy: itemWidgets$.register(item)
-            }),
-            utils_directive.createAttributesDirective(() => ({
-              attributes: { class: item.stores.className$, id: item.stores.id$ }
-            }))
-          );
-          return item;
-        }
-      },
-      directives: {
-        accordionDirective: utils_directive.mergeDirectives(
-          utils_directive.directiveSubscribe(action$),
-          utils_directive.createAttributesDirective(() => ({
-            attributes: { class: className$ },
-            classNames: { "au-accordion": utils_stores.true$ }
-          }))
-        )
-      }
-    };
-  });
-}
-const createAccordion = factoryCreateAccordion();
-exports.createAccordion = createAccordion;
-exports.createAccordionItem = createAccordionItem;
-exports.factoryCreateAccordion = factoryCreateAccordion;
-exports.getAccordionDefaultConfig = getAccordionDefaultConfig;