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

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

@@ -0,0 +1,313 @@
+import type { Widget, Directive, WidgetFactory } from '../../types';
+import type { WidgetsCommonPropsAndState } from '../commonProps';
+/**
+ * Interface representing the common properties and state for a pagination component.
+ */
+interface PaginationCommonPropsAndState extends WidgetsCommonPropsAndState {
+    /**
+     * The current page.
+     *
+     * Page numbers start with `1`.
+     *
+     * @defaultValue `1`
+     */
+    page: number;
+    /**
+     * The label for the nav element.
+     *
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     *
+     * @defaultValue `'Page navigation'`
+     */
+    ariaLabel: string;
+    /**
+     * The label for the "active" page.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     *
+     * @defaultValue
+     * ```ts
+     * '(current)'
+     * ```
+     */
+    activeLabel: string;
+    /**
+     * The label for the "First" page button.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     *
+     * @defaultValue
+     * ```ts
+     * 'Action link for first page'
+     * ```
+     */
+    ariaFirstLabel: string;
+    /**
+     * The label for the "Previous" page button.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     *
+     * @defaultValue
+     * ```ts
+     * 'Action link for previous page'
+     * ```
+     */
+    ariaPreviousLabel: string;
+    /**
+     * The label for the "Next" page button.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     *
+     * @defaultValue
+     * ```ts
+     * 'Action link for next page'
+     * ```
+     */
+    ariaNextLabel: string;
+    /**
+     * The label for the "Last" page button.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     *
+     * @defaultValue
+     * ```ts
+     * 'Action link for last page'
+     * ```
+     */
+    ariaLastLabel: string;
+    /**
+     * The label for the "Ellipsis" page.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     *
+     * @defaultValue `'Ellipsis page element'`
+     */
+    ariaEllipsisLabel: string;
+    /**
+     * If `true`, pagination links will be disabled.
+     *
+     * @defaultValue `false`
+     */
+    disabled: boolean;
+    /**
+     * If `true`, the "Next" and "Previous" page links are shown.
+     *
+     * @defaultValue `true`
+     */
+    directionLinks: boolean;
+    /**
+     * If `true`, the "First" and "Last" page links are shown.
+     *
+     * @defaultValue `false`
+     */
+    boundaryLinks: boolean;
+}
+/**
+ * Interface representing the properties for the Pagination component.
+ */
+export interface PaginationProps extends PaginationCommonPropsAndState {
+    /**
+     * The number of items in your paginated collection.
+     *
+     * Note, that this is not the number of pages. Page numbers are calculated dynamically based on
+     * `collectionSize` and `pageSize`.
+     *
+     * Ex. if you have 100 items in your collection and displaying 20 items per page, you'll end up with 5 pages.
+     *
+     * Whatever the collectionSize the page number is of minimum 1.
+     *
+     * @defaultValue `0`
+     */
+    collectionSize: number;
+    /**
+     * The number of items per page.
+     * @remarks min value is 1
+     *
+     * @defaultValue `10`
+     */
+    pageSize: number;
+    /**
+     * An event fired when the page is changed.
+     *
+     * Event payload is the number of the newly selected page.
+     *
+     * Page numbers start with `1`.
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * pagesFactory returns a function computing the array of pages to be displayed
+     * as number (-1 are treated as ellipsis).
+     * @param page - The current page number
+     * @param pageCount - The total number of pages
+     *
+     * @defaultValue
+     * ```ts
+     * (_page: number, pageCount: number) => {
+     * 		const pages: number[] = [];
+     * 		for (let i = 1; i <= pageCount; i++) {
+     * 			pages.push(i);
+     * 		}
+     * 		return pages;
+     * 	}
+     * ```
+     */
+    pagesFactory: (page: number, pageCount: number) => number[];
+    /**
+     * Provide the label for each "Page" page button.
+     * This is used for accessibility purposes.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     * @param processPage - The current page number
+     * @param pageCount - The total number of pages
+     *
+     * @defaultValue
+     * ```ts
+     * (processPage: number, pageCount: number) => `Page ${processPage} of ${pageCount}`
+     * ```
+     */
+    ariaPageLabel: (processPage: number, pageCount: number) => string;
+    /**
+     * Provide the label for the aria-live element
+     * This is used for accessibility purposes.
+     * for I18n, we suggest to use the global configuration
+     * override any configuration parameters provided for this
+     * @param currentPage - The current page number
+     * @param pageCount - The total number of pages
+     *
+     * @defaultValue
+     * ```ts
+     * (currentPage: number) => `Current page is ${currentPage}`
+     * ```
+     */
+    ariaLiveLabel: (currentPage: number, pageCount: number) => string;
+    /**
+     * Factory function providing the href for a "Page" page anchor,
+     * based on the current page number
+     * @param pageNumber - The index to use in the link
+     *
+     * @defaultValue
+     * ```ts
+     * (_page: number) => PAGE_LINK_DEFAULT
+     * ```
+     */
+    pageLink: (pageNumber: number) => string;
+}
+/**
+ * Interface representing the hrefs for pagination navigation links.
+ */
+export interface DirectionsHrefs {
+    /**
+     * The href for the 'Previous' navigation link
+     */
+    previous: string;
+    /**
+     * The href for the 'Next' direction link
+     */
+    next: string;
+}
+/**
+ * Represents the state of the pagination component.
+ */
+export interface PaginationState extends PaginationCommonPropsAndState {
+    /**
+     * The number of pages.
+     */
+    pageCount: number;
+    /**
+     * The current pages, the number in the Array is the number of the page.
+     */
+    pages: number[];
+    /**
+     * true if the previous link need to be disabled
+     */
+    previousDisabled: boolean;
+    /**
+     * true if the next link need to be disabled
+     */
+    nextDisabled: boolean;
+    /**
+     * The label for each "Page" page link.
+     */
+    pagesLabel: string[];
+    /** The hrefs for each "Page" page link */
+    pagesHrefs: string[];
+    /** The hrefs for the direction links  */
+    directionsHrefs: DirectionsHrefs;
+    /** The aria-live text */
+    ariaLiveLabelText: string;
+}
+/**
+ * Interface representing pagination API for navigating through pages.
+ */
+export interface PaginationApi {
+    /**
+     * To "go" to a specific page
+     * @param page - The page number to select
+     */
+    select(page: number): void;
+    /**
+     * To "go" to the first page
+     */
+    first(): void;
+    /**
+     * To "go" to the previous page
+     */
+    previous(): void;
+    /**
+     * To "go" to the next page
+     */
+    next(): void;
+    /**
+     * To "go" to the last page
+     */
+    last(): void;
+}
+/**
+ * Interface representing the directives for pagination components.
+ */
+export interface PaginationDirectives {
+    /**
+     * A directive to be applied to each page link
+     * This will handle the click, tabindex and aria attributes
+     */
+    pageLink: Directive<{
+        page: number;
+    }>;
+    /**
+     * A directive to be applied on the previous link
+     */
+    pagePrev: Directive;
+    /**
+     * A directive to be applied on the first link
+     */
+    pageFirst: Directive;
+    /**
+     * A directive to be applied on the next link
+     */
+    pageNext: Directive;
+    /**
+     * A directive to be applied on the Last link
+     */
+    pageLast: Directive;
+}
+/**
+ * Represents a pagination widget with specific properties, state, API, actions, and directives.
+ */
+export type PaginationWidget = Widget<PaginationProps, PaginationState, PaginationApi, PaginationDirectives>;
+/**
+ * Returns a shallow copy of the default pagination config
+ * @returns a copy of the default config
+ */
+export declare function getPaginationDefaultConfig(): PaginationProps;
+/**
+ * Create a PaginationWidget with given config props
+ * @param config - an optional pagination config
+ * @returns a PaginationWidget
+ */
+export declare const createPagination: WidgetFactory<PaginationWidget>;
+export {};

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const progressbar = require("../../progressbar-CRbMKp4b.cjs");
+exports.createProgressbar = progressbar.createProgressbar;
+exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;

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

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

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

@@ -0,0 +1,5 @@
+import { c, g } from "../../progressbar-CSEIFnlD.js";
+export {
+  c as createProgressbar,
+  g as getProgressbarDefaultConfig
+};

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

@@ -0,0 +1,91 @@
+import type { Directive, Widget, WidgetFactory } from '../../types';
+import type { WidgetsCommonPropsAndState } from '../commonProps';
+interface ProgressbarCommonPropsAndState extends WidgetsCommonPropsAndState {
+    /**
+     * The minimum value.
+     *
+     * @defaultValue `0`
+     */
+    min: number;
+    /**
+     * The maximum value.
+     *
+     * @defaultValue `100`
+     */
+    max: number;
+    /**
+     * The current value.
+     *
+     * @defaultValue `0`
+     */
+    value: number;
+    /**
+     * The aria label.
+     *
+     * @defaultValue `'Progressbar'`
+     */
+    ariaLabel: string;
+}
+/**
+ * Interface representing directives for a progress bar component.
+ */
+export interface ProgressbarDirectives {
+    /**
+     * A directive to be applied to the main container that handles aria attributes.
+     */
+    ariaDirective: Directive;
+}
+/**
+ * Represents the state of a progress bar component.
+ */
+export interface ProgressbarState extends ProgressbarCommonPropsAndState {
+    /**
+     * Percentage of completion.
+     */
+    percentage: number;
+    /**
+     * `true` if the value is above its minimum value.
+     */
+    started: boolean;
+    /**
+     * `true` if the value has reached its maximum value.
+     */
+    finished: boolean;
+    /**
+     * The aria value text.
+     */
+    ariaValueText: string | undefined;
+}
+/**
+ * Interface representing the properties for the Progressbar component.
+ */
+export interface ProgressbarProps extends ProgressbarCommonPropsAndState {
+    /**
+     * Return the value for the 'aria-valuetext' attribute.
+     * @param value - current value
+     * @param minimum - minimum value
+     * @param maximum - maximum value
+     *
+     * @defaultValue
+     * ```ts
+     * () => undefined
+     * ```
+     */
+    ariaValueTextFn: (value: number, minimum: number, maximum: number) => string | undefined;
+}
+/**
+ * Represents a Progressbar widget with specific properties, state, API, and directives.
+ */
+export type ProgressbarWidget = Widget<ProgressbarProps, ProgressbarState, object, ProgressbarDirectives>;
+/**
+ * Retrieve a shallow copy of the default Progressbar config
+ * @returns the default Progressbar config
+ */
+export declare function getProgressbarDefaultConfig(): ProgressbarProps;
+/**
+ * Create an ProgressbarWidget with given config props
+ * @param config - an optional progress bar config
+ * @returns an ProgressbarWidget
+ */
+export declare const createProgressbar: WidgetFactory<ProgressbarWidget>;
+export {};

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const rating = require("../../rating-qx1xaBmz.cjs");
+exports.createRating = rating.createRating;
+exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;

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

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

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

@@ -0,0 +1,5 @@
+import { c, g } from "../../rating-BIdiiPUo.js";
+export {
+  c as createRating,
+  g as getRatingDefaultConfig
+};

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

@@ -0,0 +1,191 @@
+import type { Directive, Widget, WidgetFactory } from '../../types';
+import type { WidgetsCommonPropsAndState } from '../commonProps';
+/**
+ * Represents the context for a star in a rating component.
+ */
+export interface StarContext {
+    /**
+     * indicates how much the current star is filled, from 0 to 100
+     */
+    fill: number;
+    /**
+     * the position of the star in the rating
+     */
+    index: number;
+}
+interface RatingCommonPropsAndState extends WidgetsCommonPropsAndState {
+    /**
+     * The current rating. Could be a decimal value like `3.75`.
+     *
+     * @defaultValue `0`
+     */
+    rating: number;
+    /**
+     * The maximum rating that can be given.
+     *
+     * @defaultValue `10`
+     */
+    maxRating: number;
+    /**
+     * If `true`, the rating is disabled.
+     *
+     * @defaultValue `false`
+     */
+    disabled: boolean;
+    /**
+     * If `true`, the rating can't be changed.
+     *
+     * @defaultValue `false`
+     */
+    readonly: boolean;
+    /**
+     * Define if the rating can be reset.
+     *
+     * If set to true, the user can 'unset' the rating value by cliking on the current rating value.
+     *
+     * @defaultValue `true`
+     */
+    resettable: boolean;
+    /**
+     * Allows setting a custom rating tabindex.
+     * If the component is disabled, `tabindex` will still be set to `-1`.
+     *
+     * @defaultValue `0`
+     */
+    tabindex: number;
+    /**
+     * The aria label
+     *
+     * @defaultValue `'Rating'`
+     */
+    ariaLabel: string;
+    /**
+     * The aria labelled by
+     *
+     * @defaultValue `''`
+     */
+    ariaLabelledBy: string;
+}
+/**
+ * Interface representing the properties for the Rating widget.
+ */
+export interface RatingProps extends RatingCommonPropsAndState {
+    /**
+     * Return the value for the 'aria-valuetext' attribute.
+     * @param rating - Current rating value.
+     * @param maxRating - maxRating value.
+     *
+     * @defaultValue
+     * ```ts
+     * (rating: number, maxRating: number) => `${rating} out of ${maxRating}`
+     * ```
+     */
+    ariaValueTextFn: (rating: number, maxRating: number) => string;
+    /**
+     * An event emitted when the rating is changed.
+     *
+     * Event payload is equal to the newly selected rating.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onRatingChange: (rating: number) => void;
+    /**
+     * An event emitted when the user is hovering over a given rating.
+     *
+     * Event payload is equal to the rating being hovered over.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHover: (rating: number) => void;
+    /**
+     * An event emitted when the user stops hovering over a given rating.
+     *
+     * Event payload is equal to the rating of the last item being hovered over.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onLeave: (rating: number) => void;
+}
+/**
+ * Interface representing directives for a rating component.
+ */
+export interface RatingDirectives {
+    /**
+     * A directive to be applied to the main container
+     * This will handle the keydown, mouseleave, tabindex and aria attributes
+     */
+    containerDirective: Directive;
+    /**
+     * A directive to be applied on each star element
+     */
+    starDirective: Directive<{
+        index: number;
+    }>;
+}
+/**
+ * Represents the state of a rating component.
+ */
+export interface RatingState extends RatingCommonPropsAndState {
+    /**
+     * the aria value of the rating
+     */
+    ariaValueText: string;
+    /**
+     * the visible value of the rating (it changes when hovering over the rating even though the real value did not change)
+     */
+    visibleRating: number;
+    /**
+     * is the rating interactive i.e. listening to hover, click and keyboard events
+     */
+    interactive: boolean;
+    /**
+     * the list of stars
+     */
+    stars: StarContext[];
+}
+/**
+ * Interface representing the API that can be performed on a rating component.
+ */
+export interface RatingApi {
+    /**
+     * Sets the rating value.
+     *
+     * @param index - Star index, starting from 1
+     */
+    setRating(index: number): void;
+    /**
+     * Sets the hovered rating value.
+     *
+     * @param index - Star index, starting from 1
+     */
+    setHoveredRating(index: number): void;
+    /**
+     * Leave the rating, resetting the visible rating to the rating value and triggering the onLeave callback
+     */
+    leave(): void;
+}
+/**
+ * Represents a Rating widget.
+ */
+export type RatingWidget = Widget<RatingProps, RatingState, RatingApi, RatingDirectives>;
+/**
+ * Returns a shallow copy of the default rating config.
+ * @returns a copy of the default config
+ */
+export declare function getRatingDefaultConfig(): RatingProps;
+/**
+ * Create a RatingWidget with given config props
+ * @param config - an optional alert config
+ * @returns a RatingWidget
+ */
+export declare const createRating: WidgetFactory<RatingWidget>;
+export {};

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const slider = require("../../slider-B93hE0ag.cjs");
+exports.createSlider = slider.createSlider;
+exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;

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

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

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

@@ -0,0 +1,5 @@
+import { c, g } from "../../slider-Cjiq9FgI.js";
+export {
+  c as createSlider,
+  g as getSliderDefaultConfig
+};

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

@@ -0,0 +1,25 @@
+/**
+ * Manages minimum and maximum range constraints for values in an array by adjusting adjacent values.
+ *
+ * This function ensures that the value at the specified index maintains proper minimum and maximum
+ * distance constraints with its neighboring values. It pushes adjacent handles when necessary to
+ * maintain the required range constraints.
+ *
+ * @param values - Array of numeric values to be managed (typically slider handle positions)
+ * @param index - Index of the value in the array that serves as the reference point
+ * @param minRange - Minimum allowed distance between adjacent values
+ * @param maxRange - Maximum allowed distance between adjacent values
+ * @param min - Minimum boundary of the slider
+ * @param max - Maximum boundary of the slider
+ * @param pushRange - Whether to enable pushing of adjacent values to maintain range constraints
+ *
+ * @returns The modified values array with range constraints applied
+ *
+ * @example
+ * ```typescript
+ * const values = [10, 20, 30, 40];
+ * const result = manageMinMaxRange(values, 1, 5, 15, 0, 50, true);
+ * // Result ensures value at index 1 maintains 5-15 unit distance from neighbors
+ * ```
+ */
+export declare const manageMinMaxRange: (values: number[], index: number, minRange: number, maxRange: number, min: number, max: number, pushRange: boolean) => number[];