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

package/node_modules/@agnos-ui/core/components/drawer/drawer.d.ts

@@ -0,0 +1,279 @@
+import type { TransitionFn } from '../../services/transitions/baseTransitions';
+import type { Directive, WidgetFactory } from '../../types';
+import { type Widget } from '../../types';
+import type { WidgetsCommonPropsAndState } from '../commonProps';
+/**
+ * Possible values for the drawer positions
+ */
+export type DrawerPosition = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+/**
+ * Possible values for the drawer display configuration.
+ * - `'overlay'`: the drawer overlays the page content with a backdrop.
+ * - `'inline'`: the drawer stays in the document flow and moves content as it expands/resizes.
+ */
+export type DrawerConfiguration = 'inline' | 'overlay';
+interface DrawerCommonPropsAndState extends WidgetsCommonPropsAndState {
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * Size of the drawer in pixel once the user start interacting.
+     * It corresponds to the height or the width depending on the drawer orientation
+     *
+     * @defaultValue `null`
+     */
+    size: number | null;
+    /**
+     * The display configuration of the drawer.
+     * - `'overlay'` (default): the drawer overlays the page content with a backdrop.
+     * - `'inline'`: the drawer stays in the document flow and moves content as it expands/resizes.
+     *
+     * @defaultValue `'overlay'`
+     */
+    configuration: DrawerConfiguration;
+    /**
+     * The position of the drawer on the screen.
+     *
+     * @defaultValue `'inline-start'`
+     */
+    position: DrawerPosition;
+}
+/**
+ * Interface representing the properties for the Drawer component.
+ */
+export interface DrawerProps extends DrawerCommonPropsAndState {
+    /**
+     * The transition function will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    transition: TransitionFn;
+    /**
+     * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    verticalTransition: TransitionFn;
+    /**
+     * The transition to use for the backdrop behind the drawer (if present).
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    backdropTransition: TransitionFn;
+    /**
+     * If `true` opening and closing will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * aria-labelledby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
+     */
+    ariaLabelledBy: string;
+    /**
+     * aria-describedby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
+     */
+    ariaDescribedBy: string;
+    /**
+     * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     *
+     * @defaultValue `true`
+     */
+    backdrop: boolean;
+    /**
+     * If `true` allows body scrolling when the drawer is open.
+     *
+     * @defaultValue `false`
+     */
+    bodyScroll: boolean;
+    /**
+     * If `true` focuses the drawer when it is opened.
+     *
+     * @defaultValue `true`
+     */
+    focusOnInit: boolean;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * An event emitted when the drawer size changes (width or height depending on the orientation).
+     *
+     * Event payload is equal to the newly selected width or height.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onSizeChange: (size: number | null) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Event to be triggered when the minimized state changes.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onMinimizedChange: (isMinimized: boolean) => void;
+    /**
+     * Event to be triggered when the maximized state changes.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onMaximizedChange: (isMaximized: boolean) => void;
+    /**
+     * Event to be triggered when the user starts or stops resizing the drawer.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onResizingChange: (isResizing: boolean) => void;
+}
+/**
+ * Represents the state of a Drawer component.
+ */
+export interface DrawerState extends DrawerCommonPropsAndState {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link DrawerProps.backdrop|backdrop} is false or
+     * because {@link DrawerProps.visible|visible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * Flag to show whether the drawer is fully hidden.
+     */
+    hidden: boolean;
+    /**
+     * Flag to show whether the drawer is vertically positioned.
+     */
+    isVertical: boolean;
+}
+/**
+ * Interface representing the API for a Drawer component.
+ */
+export interface DrawerApi {
+    /**
+     * Trigger the opening of the drawer.
+     */
+    open: (animated?: boolean) => Promise<void>;
+    /**
+     * Trigger the closing of the drawer.
+     */
+    close: (animated?: boolean) => Promise<void>;
+}
+/**
+ * Interface representing various directives used in the Drawer component.
+ */
+export interface DrawerDirectives {
+    /**
+     * Directive to put on the drawer DOM element.
+     */
+    drawerDirective: Directive;
+    /**
+     * Portal directive to put on the drawer DOM element.
+     */
+    drawerPortalDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+    /**
+     * Directive to put on the splitter DOM element.
+     */
+    splitterDirective: Directive;
+}
+/**
+ * Represents a Drawer widget component.
+ */
+export type DrawerWidget = Widget<DrawerProps, DrawerState, DrawerApi, DrawerDirectives>;
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+export declare function getDrawerDefaultConfig(): DrawerProps;
+/**
+ * Create a Drawer widget with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+export declare const createDrawer: WidgetFactory<DrawerWidget>;
+export {};

package/node_modules/@agnos-ui/core/components/drawer/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const drawer = require("../../drawer-BbFAHV07.cjs");
+exports.createDrawer = drawer.createDrawer;
+exports.getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;

package/node_modules/@agnos-ui/core/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer';

package/node_modules/@agnos-ui/core/components/drawer/index.js

@@ -0,0 +1,5 @@
+import { c, g } from "../../drawer-C6Qa0xEu.js";
+export {
+  c as createDrawer,
+  g as getDrawerDefaultConfig
+};

package/node_modules/@agnos-ui/core/components/modal/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const modal = require("../../modal-BsNuHhT7.cjs");
+exports.createModal = modal.createModal;
+exports.getModalDefaultConfig = modal.getModalDefaultConfig;
+exports.modalCloseButtonClick = modal.modalCloseButtonClick;
+exports.modalCloseEscape = modal.modalCloseEscape;
+exports.modalOutsideClick = modal.modalOutsideClick;

package/node_modules/@agnos-ui/core/components/modal/index.d.ts

@@ -0,0 +1 @@
+export * from './modal';

package/node_modules/@agnos-ui/core/components/modal/index.js

@@ -0,0 +1,8 @@
+import { c, g, m, a, b } from "../../modal-CgzY8ezz.js";
+export {
+  c as createModal,
+  g as getModalDefaultConfig,
+  m as modalCloseButtonClick,
+  a as modalCloseEscape,
+  b as modalOutsideClick
+};

package/node_modules/@agnos-ui/core/components/modal/modal.d.ts

@@ -0,0 +1,245 @@
+import type { WidgetsCommonPropsAndState } from '../commonProps';
+import type { TransitionFn } from '../../services/transitions/baseTransitions';
+import type { Directive, Widget, WidgetFactory } from '../../types';
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by a click inside the viewport but outside the modal.
+ */
+export declare const modalOutsideClick: unique symbol;
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by a click on the close button.
+ */
+export declare const modalCloseButtonClick: unique symbol;
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by pressing the Escape key.
+ */
+export declare const modalCloseEscape: unique symbol;
+/**
+ * Properties of the modal widget that are also in the state of the modal.
+ */
+interface ModalCommonPropsAndState extends WidgetsCommonPropsAndState {
+    /**
+     * Value of the aria-label attribute to put on the close button.
+     *
+     * @defaultValue `'Close'`
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * Whether to display the close button.
+     *
+     * @defaultValue `true`
+     */
+    closeButton: boolean;
+    /**
+     * Which element should contain the modal and backdrop DOM elements.
+     * If it is not null, the modal and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Whether the modal should be visible when the transition is completed.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+}
+/**
+ * Type of the parameter of {@link ModalProps.onBeforeClose|onBeforeClose}.
+ */
+export interface ModalBeforeCloseEvent {
+    /**
+     * Result of the modal, which is the value passed to the {@link ModalApi.close|close} method
+     * and later resolved by the promise returned by the {@link ModalApi.open|open} method.
+     * If needed, it can be changed from the {@link ModalProps.onBeforeClose|onBeforeClose} event handler.
+     */
+    result: any;
+    /**
+     * Whether to cancel the close of the modal.
+     * It can be changed from the {@link ModalProps.onBeforeClose|onBeforeClose} event handler.
+     */
+    cancel: boolean;
+}
+/**
+ * Properties of the modal widget.
+ */
+export interface ModalProps extends ModalCommonPropsAndState {
+    /**
+     * Whether the modal and its backdrop (if present) should be animated when shown or hidden.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * Whether a backdrop should be created behind the modal.
+     *
+     * @defaultValue `true`
+     */
+    backdrop: boolean;
+    /**
+     * The transition to use for the backdrop behind the modal (if present).
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    backdropTransition: TransitionFn;
+    /**
+     * Whether the modal should be closed when clicking on the viewport outside the modal.
+     *
+     * @defaultValue `true`
+     */
+    closeOnOutsideClick: boolean;
+    /**
+     * The transition to use for the modal.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    modalTransition: TransitionFn;
+    /**
+     * Event to be triggered when the modal is about to be closed (i.e. the {@link ModalApi.close|close} method was called).
+     *
+     * @param event - event giving access to the argument given to the {@link ModalApi.close|close} method and allowing
+     * to cancel the close process.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onBeforeClose: (event: ModalBeforeCloseEvent) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Event to be triggered when the transition is completed and the modal is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the modal is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+}
+/**
+ * State of the modal widget.
+ */
+export interface ModalState extends ModalCommonPropsAndState {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link ModalProps.backdrop|backdrop} is false or
+     * because {@link ModalProps.visible|visible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * Whether the modal is fully hidden.
+     */
+    hidden: boolean;
+    /**
+     * Whether there is an active transition to either display or hide the modal.
+     */
+    transitioning: boolean;
+    /**
+     * DOM element of the modal.
+     */
+    modalElement: HTMLElement | null;
+}
+/**
+ * API of the modal widget.
+ */
+export interface ModalApi {
+    /**
+     * Closes the modal with the given result.
+     *
+     * @param result - result of the modal, as passed in the {@link ModalBeforeCloseEvent.result|result} property of the event passed to the
+     * {@link ModalProps.onBeforeClose|onBeforeClose} event handler (and possibly changed by it) and resolved by the promise returned by the {@link ModalApi.open|open} method.
+     */
+    close(result?: any): void;
+    /**
+     * Opens the modal and returns a promise that is resolved when the modal is closed.
+     * The resolved value is the result passed to the {@link ModalApi.close|close} method and possibly changed by the
+     * {@link ModalProps.onBeforeClose|onBeforeClose} event handler
+     */
+    open(): Promise<any>;
+    /**
+     * Method to change some modal properties.
+     */
+    patch: ModalWidget['patch'];
+}
+/**
+ * Directives of the modal widget.
+ */
+export interface ModalDirectives {
+    /**
+     * Directive to put on the modal DOM element.
+     */
+    modalDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Portal directive to put on the modal DOM element.
+     */
+    modalPortalDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the close button
+     */
+    closeButtonDirective: Directive;
+    /**
+     * Directive to apply to the dialog element when using the native {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement | HTMLDialogElement}
+     */
+    dialogDirective: Directive;
+}
+/**
+ * Modal widget.
+ */
+export type ModalWidget = Widget<ModalProps, ModalState, ModalApi, ModalDirectives>;
+/**
+ * Returns a copy of the default modal config.
+ * @returns a copy of the default modal config
+ */
+export declare function getModalDefaultConfig(): ModalProps;
+/**
+ * Creates a new modal widget instance.
+ * @param config$ - config of the modal, either as a store or as an object containing values or stores.
+ * @returns a new modal widget instance
+ */
+export declare const createModal: WidgetFactory<ModalWidget>;
+export {};

package/node_modules/@agnos-ui/core/components/pagination/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pagination = require("../../pagination-xbcOHnhd.cjs");
+exports.createPagination = pagination.createPagination;
+exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;

package/node_modules/@agnos-ui/core/components/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './pagination';

package/node_modules/@agnos-ui/core/components/pagination/index.js

@@ -0,0 +1,5 @@
+import { c, g } from "../../pagination-ZxGaNWZz.js";
+export {
+  c as createPagination,
+  g as getPaginationDefaultConfig
+};