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

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

@@ -0,0 +1,383 @@
+import type { WidgetsCommonPropsAndState } from '../commonProps';
+import type { Directive, Widget, WidgetFactory } from '../../types';
+/**
+ * Options for displaying progress in a slider component.
+ */
+export interface ProgressDisplayOptions {
+    /**
+     * Right offset of the progress in %
+     */
+    left: number | null;
+    /**
+     * Left offset of the progress in %
+     */
+    right: number | null;
+    /**
+     * Top offset of the progress in %
+     */
+    top: number | null;
+    /**
+     * Bottom offset of the progress in %
+     */
+    bottom: number | null;
+    /**
+     * Width of the progress in %
+     */
+    width: number;
+    /**
+     * Height of the progress in %
+     */
+    height: number;
+    /**
+     * Id of the progress
+     */
+    id: number;
+}
+/**
+ * Options for displaying a handle in a slider component.
+ */
+export interface HandleDisplayOptions {
+    /**
+     * Left offset of the handle in %
+     */
+    left: number | null;
+    /**
+     * Top offset of the handle in %
+     */
+    top: number | null;
+}
+/**
+ * Represents a handle in a slider component.
+ */
+export interface SliderHandle {
+    /**
+     * Value of the handle
+     */
+    value: number;
+    /**
+     * Handle id
+     */
+    id: number;
+    /**
+     * ariaLabel of the handle
+     */
+    ariaLabel: string | undefined;
+    /**
+     * ariaValueText of the handle
+     */
+    ariaValueText: string | undefined;
+    /**
+     * aria-labelledBy of the handle
+     */
+    ariaLabelledBy: string | undefined;
+}
+/**
+ * Represents a tick in a slider component.
+ */
+export interface SliderTick {
+    /**
+     * CSS classes to be applied on the tick
+     */
+    className?: string | null;
+    /**
+     * Visualized optional explanation of the label
+     */
+    legend?: string | null;
+    /**
+     * Position of the tick in percent
+     */
+    position: number;
+    /**
+     * If `true` the tick has selected style
+     */
+    selected: boolean;
+    /**
+     * Value of the tick
+     */
+    value: number;
+    /**
+     * If `true` the tick label is displayed
+     */
+    displayLabel: boolean;
+}
+interface SliderCommonPropsAndState extends WidgetsCommonPropsAndState {
+    /**
+     * Minimum value that can be assigned to the slider
+     *
+     * @defaultValue `0`
+     */
+    min: number;
+    /**
+     * Maximum value that can be assigned to the slider
+     *
+     * @defaultValue `100`
+     */
+    max: number;
+    /**
+     * Unit value between slider steps
+     *
+     * @defaultValue `1`
+     */
+    stepSize: number;
+    /**
+     * If `true` slider value cannot be changed but the slider is still focusable
+     *
+     * @defaultValue `false`
+     */
+    readonly: boolean;
+    /**
+     * If `true` slider value cannot be changed and the slider cannot be focused
+     *
+     * @defaultValue `false`
+     */
+    disabled: boolean;
+    /**
+     * If `true` is vertically positioned otherwise it is horizontal
+     *
+     * @defaultValue `false`
+     */
+    vertical: boolean;
+    /**
+     * Current slider values
+     *
+     * @defaultValue `[0]`
+     */
+    values: number[];
+    /**
+     * If `true` the value labels are displayed on the slider
+     *
+     * @defaultValue `true`
+     */
+    showValueLabels: boolean;
+    /**
+     * If `true` the min and max labels are displayed on the slider
+     *
+     * @defaultValue `true`
+     */
+    showMinMaxLabels: boolean;
+    /**
+     * If `true` the ticks are displayed on the slider
+     *
+     * @defaultValue `false`
+     */
+    showTicks: boolean;
+    /**
+     * It `true` slider display is inversed
+     *
+     * @defaultValue `false`
+     */
+    rtl: boolean;
+}
+/**
+ * Represents the state of a slider component.
+ */
+export interface SliderState extends SliderCommonPropsAndState {
+    /**
+     * Sorted slider values
+     */
+    sortedValues: number[];
+    /**
+     * Combined label left offset in %
+     */
+    combinedLabelPositionLeft: number;
+    /**
+     * Combined label top offset in %
+     */
+    combinedLabelPositionTop: number;
+    /**
+     * If true, the minimum label will be visible
+     */
+    minValueLabelDisplay: boolean;
+    /**
+     * If true, the maximum label will be visible
+     */
+    maxValueLabelDisplay: boolean;
+    /**
+     * If true, the label when the handles are close is visible
+     */
+    combinedLabelDisplay: boolean;
+    /**
+     * Array of the sorted handles to display
+     */
+    sortedHandles: SliderHandle[];
+    /**
+     * Array of objects representing progress display options
+     */
+    progressDisplayOptions: ProgressDisplayOptions[];
+    /**
+     * Array of objects representing handle display options
+     */
+    handleDisplayOptions: HandleDisplayOptions[];
+    /**
+     * Check if the slider is interactive, meaning it is not disabled or readonly
+     */
+    interactive: boolean;
+    /**
+     * Array of ticks to display on the slider component
+     */
+    ticks: SliderTick[];
+}
+/**
+ * Interface representing the properties for the Slider component.
+ */
+export interface SliderProps extends SliderCommonPropsAndState {
+    /**
+     * Return the value for the 'aria-label' attribute for the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => 'Value'
+     * ```
+     */
+    ariaLabel: (sortedIndex: number) => string;
+    /**
+     * Return the value for the 'aria-labelledBy' attribute for the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => ''
+     * ```
+     */
+    ariaLabelledBy: (sortedIndex: number) => string;
+    /**
+     * Return the value for the 'aria-valuetext' attribute for the handle
+     * @param value - value of the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => ''
+     * ```
+     */
+    ariaValueText: (value: number, sortedIndex: number) => string;
+    /**
+     * An event emitted when slider values are changed
+     *
+     * Event payload equals to the updated slider values
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onValuesChange: (values: number[]) => void;
+    /**
+     * Unit value between the ticks
+     * If value is set to `0` the {@link stepSize} is used to space the ticks
+     *
+     * @defaultValue `0`
+     */
+    tickInterval: number;
+    /**
+     * If `true` the tick values are displayed on the slider
+     *
+     * @defaultValue `true`
+     */
+    showTickValues: boolean;
+    /**
+     * Minimum distance between two values.
+     * When set to 0, no minimum distance constraint is applied.
+     *
+     * @defaultValue `0`
+     */
+    minRange: number;
+    /**
+     * Maximum distance between two values
+     * When set to 0, no maximum distance constraint is applied.
+     *
+     * @defaultValue `0`
+     */
+    maxRange: number;
+    /**
+     * When true, if moving a value would break the minRange or maxRange constraint,
+     * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
+     *
+     * @defaultValue `false`
+     */
+    pushRange: boolean;
+}
+/**
+ * Interface representing various directives used in the slider component.
+ */
+export interface SliderDirectives {
+    /**
+     * Directive to get the slider component elementRef
+     */
+    sliderDirective: Directive;
+    /**
+     * Directive to apply to the slider container wrapping the slider content
+     */
+    containerDirective: Directive;
+    /**
+     * Directive used to style the progress display for each handle
+     */
+    progressDisplayDirective: Directive<{
+        option: ProgressDisplayOptions;
+    }>;
+    /**
+     * Directive to apply to the slider clickable area, to directly move the handle to a given specific position
+     */
+    clickableAreaDirective: Directive;
+    /**
+     * Directive to apply handle events handlers
+     */
+    handleEventsDirective: Directive<{
+        item: {
+            id: number;
+        };
+    }>;
+    /**
+     * Directive to apply to the slider handle if any
+     */
+    handleDirective: Directive<{
+        item: SliderHandle;
+    }>;
+    /**
+     * Directive to get the minLabel elementRef
+     */
+    minLabelDirective: Directive;
+    /**
+     * Directive to get the maxLabel elementRef
+     */
+    maxLabelDirective: Directive;
+    /**
+     * Directive to apply to the handle when combined label display is active
+     */
+    combinedHandleLabelDisplayDirective: Directive;
+    /**
+     * Directive to apply to the handle when combined label display is not active
+     */
+    handleLabelDisplayDirective: Directive<{
+        index: number;
+    }>;
+    /**
+     * Directive to apply to the slider tick
+     */
+    tickDirective: Directive<{
+        tick: SliderTick;
+    }>;
+    /**
+     * Directive to apply to the slider tick label
+     */
+    tickLabelDirective: Directive<{
+        tick: SliderTick;
+    }>;
+}
+/**
+ * Represents a slider widget component.
+ */
+export type SliderWidget = Widget<SliderProps, SliderState, object, SliderDirectives>;
+/**
+ * Returns a shallow copy of the default slider config.
+ * @returns a copy of the default config
+ */
+export declare function getSliderDefaultConfig(): SliderProps;
+/**
+ * Create a slider widget with given config props
+ * @param config - an optional slider config
+ * @returns a SliderWidget
+ */
+export declare const createSlider: WidgetFactory<SliderWidget>;
+export {};

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const toaster = require("../../toaster-BQWqxYv-.cjs");
+exports.Toaster = toaster.Toaster;
+exports.createToast = toaster.createToast;
+exports.defaultToasterProps = toaster.defaultToasterProps;
+exports.getToastDefaultConfig = toaster.getToastDefaultConfig;

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

@@ -0,0 +1,2 @@
+export * from './toast';
+export * from './toaster';

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

@@ -0,0 +1,7 @@
+import { T, c, d, g } from "../../toaster-BzEkshT2.js";
+export {
+  T as Toaster,
+  c as createToast,
+  d as defaultToasterProps,
+  g as getToastDefaultConfig
+};

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

@@ -0,0 +1,66 @@
+import type { Directive, Widget, WidgetFactory } from '../../types';
+import type { CommonAlertApi, CommonAlertDirectives, CommonAlertProps, CommonAlertState } from '../alert/common';
+interface ToastExtraProps {
+    /**
+     * If `true` automatically hides the toast after the delay.
+     *
+     * @defaultValue `true`
+     */
+    autoHide: boolean;
+    /**
+     * Delay in milliseconds before hiding the toast.
+     *
+     * @defaultValue `5000`
+     */
+    delay: number;
+}
+interface ExtraDirectives {
+    /**
+     * Directive that handles the autohide of the toast component
+     */
+    autoHideDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the body
+     */
+    bodyDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the close button depending on the presence of the header
+     */
+    closeButtonDirective: Directive;
+}
+/**
+ * Represents the state of a toast component.
+ */
+export interface ToastState extends CommonAlertState, ToastExtraProps {
+}
+/**
+ * Represents the properties for the toast component.
+ */
+export interface ToastProps extends CommonAlertProps, ToastExtraProps {
+}
+/**
+ * Represents the API for the toast component.
+ */
+export interface ToastApi extends CommonAlertApi {
+}
+/**
+ * Interface representing the directives for a toast component.
+ */
+export interface ToastDirectives extends CommonAlertDirectives, ExtraDirectives {
+}
+/**
+ * Represents a toast widget with specific properties, state, API, and directives.
+ */
+export type ToastWidget = Widget<ToastProps, ToastState, ToastApi, ToastDirectives>;
+/**
+ * Retrieve a shallow copy of the default toast config
+ * @returns the default toast config
+ */
+export declare function getToastDefaultConfig(): ToastProps;
+/**
+ * Create a ToastWidget with given config props
+ * @param config - an optional toast config
+ * @returns a ToastWidget
+ */
+export declare const createToast: WidgetFactory<ToastWidget>;
+export {};

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

@@ -0,0 +1,128 @@
+import { type ToastProps } from './toast';
+import type { Directive } from '../../types';
+import type { ReadableSignal, WritableSignal } from '@amadeus-it-group/tansu';
+/**
+ * Represents the possible positions for displaying a toast notification.
+ *
+ * The positions are defined based on a grid layout with three horizontal
+ * alignments (left, center, right) and three vertical alignments (top, middle, bottom).
+ *
+ * Available positions:
+ * - `topLeft`: Top-left corner of the screen.
+ * - `topCenter`: Top-center of the screen.
+ * - `topRight`: Top-right corner of the screen.
+ * - `middleLeft`: Middle-left side of the screen.
+ * - `middleCenter`: Center of the screen.
+ * - `middleRight`: Middle-right side of the screen.
+ * - `bottomLeft`: Bottom-left corner of the screen.
+ * - `bottomCenter`: Bottom-center of the screen.
+ * - `bottomRight`: Bottom-right corner of the screen.
+ */
+export type ToastPositions = 'topLeft' | 'topCenter' | 'topRight' | 'middleLeft' | 'middleCenter' | 'middleRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+/**
+ * Props of the toaster
+ */
+export interface ToasterProps {
+    /** How much time (ms) a toast is displayed; 0 means it won't be removed until a manual action */
+    duration: number;
+    /** Where to position the toasts */
+    position: ToastPositions;
+    /** Maximum number of toasts displayed */
+    limit?: number;
+    /**  Pause toast when hover */
+    pauseOnHover?: boolean;
+    /** Display a dismiss button on each toast. When duration = 0, this is enforced to true */
+    dismissible: boolean;
+    /** Add a button to close all the toasts at once */
+    closeAll?: boolean;
+    /** Close all label */
+    closeAllLabel?: string;
+}
+/**
+ * Toast object
+ * @template Props Type of the toast properties.
+ */
+export interface ToasterToast<Props> {
+    /** Identifier of the toasts in the toaster */
+    id: number;
+    /** Properties of the toast */
+    props: Props;
+}
+/**
+ * Represents a timer used by the toaster service.
+ */
+export interface ToasterTimer {
+    /**
+     * The timeout identifier returned by `setTimeout`.
+     */
+    timeout: ReturnType<typeof setTimeout> | null;
+    /**
+     * The timestamp when the timer was started.
+     */
+    started: number;
+    /**
+     * The timestamp when the timer was paused (optional).
+     */
+    paused?: number;
+    /**
+     * The duration for which the timer is set (optional). Used internally to compute the remaining time.
+     */
+    duration: number;
+}
+export declare const defaultToasterProps: ToasterProps;
+/**
+ * Create a toaster provider with helpers and state.
+ * @param props Options for the toaster.
+ * @template Props Type of the toast properties.
+ */
+export declare class Toaster<Props extends Partial<ToastProps> = ToastProps> {
+    #private;
+    /**
+     * Get the toasts value from the store
+     * @returns The array of toasts.
+     */
+    readonly toasts: ReadableSignal<ToasterToast<Props>[]>;
+    readonly options: WritableSignal<ToasterProps>;
+    /**
+     * Get the timers value from the store
+     * @returns The map of timers.
+     */
+    get timers(): ReadonlyMap<number, ToasterTimer>;
+    constructor(props?: Partial<ToasterProps>);
+    /**
+     * Add timer for a toast
+     * @param id Id of the toast
+     * @param duration Duration of the timer, by default taken from options
+     */
+    readonly addTimer: (id: number, duration?: number) => void;
+    /**
+     * Pause a timer for a toast
+     * @param id Id of the toast
+     */
+    readonly pauseTimer: (id: number) => void;
+    /**
+     * Resume a timer for a toast
+     * @param id Id of the toast
+     */
+    readonly resumeTimer: (id: number) => void;
+    /**
+     * Events directive is used to set events on the Toast component, to keep track for example of pointer enter/leave,
+     * used to pause / resume the timer in case of duration and pauseOnHover are specified.
+     */
+    readonly eventsDirective: Directive<number>;
+    /**
+     * Helper to add a toast to the viewport.
+     * @param props Options for the toast.
+     * @returns The ID of the added toast.
+     */
+    readonly addToast: (props: Props) => number;
+    /**
+     * Helper to remove a toast to the viewport.
+     * @param id Id of the toast to remove.
+     */
+    readonly removeToast: (id: number) => void;
+    /** Helper to update toasts when options change */
+    readonly updateToasts: () => void;
+    /** Helper to close all toasts at once */
+    readonly closeAll: () => void;
+}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tree = require("../../tree-DY04XPPg.cjs");
+exports.createTree = tree.createTree;
+exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;

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

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

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

@@ -0,0 +1,5 @@
+import { c, g } from "../../tree-HwcvZ0_p.js";
+export {
+  c as createTree,
+  g as getTreeDefaultConfig
+};