@agnos-ui/core 0.4.0-next.0 → 0.4.0

package/components/select/select.d.ts

@@ -3,81 +3,131 @@ import type { FloatingUI } from '../../services/floatingUI';
 import type { HasFocus } from '../../services/focustrack';
 import type { Directive, PropsConfig, Widget } from '../../types';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
-export interface SelectCommonPropsAndState<Item> extends WidgetsCommonPropsAndState {
+interface SelectCommonPropsAndState<Item> extends WidgetsCommonPropsAndState {
     /**
      * id used for the input inside the select
      */
     id: string | undefined;
     /**
      * aria-label used for the input inside the select
+     *
+     * @defaultValue `'Select'`
      */
     ariaLabel: string | undefined;
     /**
      * List of selected item ids
+     *
+     * @defaultValue `[]`
      */
     selected: Item[];
     /**
      * Filtered text to be display in the filter input
+     *
+     * @defaultValue `''`
      */
     filterText: string;
     /**
      * true if the select is disabled
+     *
+     * @defaultValue `false`
      */
     disabled: boolean;
     /**
      * true if the select is open
+     *
+     * @defaultValue `false`
      */
     open: boolean;
     /**
      * Class to be added on the dropdown menu container
+     *
+     * @defaultValue `''`
      */
     menuClassName: string;
     /**
      * Class to be added on menu items
+     *
+     * @defaultValue `''`
      */
     menuItemClassName: string;
     /**
      * Class to be added on selected items (displayed in the input zone)
+     *
+     * @defaultValue `''`
      */
     badgeClassName: string;
     /**
      * true if a loading process is being done
+     *
+     * @defaultValue `false`
      */
     loading: boolean;
 }
 export interface SelectProps<Item> extends SelectCommonPropsAndState<Item> {
     /**
      * List of available items for the dropdown
+     *
+     * @defaultValue `[]`
      */
     items: Item[];
     /**
      * List of allowed placements for the dropdown.
      * This refers to the [allowedPlacements from floating UI](https://floating-ui.com/docs/autoPlacement#allowedplacements), given the different [Placement possibilities](https://floating-ui.com/docs/computePosition#placement).
+     *
+     * @defaultValue
+     * ```ts
+     * ['bottom-start', 'top-start', 'bottom-end', 'top-end']
+     * ```
      */
     allowedPlacements: Placement[];
     /**
      * Custom function to get the id of an item
      * By default, the item is returned
+     *
+     * @defaultValue
+     * ```ts
+     * (item: any) => '' + item
+     * ```
      */
     itemIdFn(item: Item): string;
     /**
      * Retrieves navigable elements within an HTML element containing badges and the input.
      *
      * @param node - HTMLElement that contains the badges and the input
+     *
+     * @defaultValue
+     * ```ts
+     * (node: HTMLElement) => node.querySelectorAll('.au-select-badge,input')
+     * ```
      */
     navSelector(node: HTMLElement): NodeListOf<HTMLSpanElement | HTMLInputElement>;
     /**
      * Callback called dropdown open state change
      * @param isOpen - updated open state
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onOpenChange(isOpen: boolean): void;
     /**
      * Callback called when the text filter change
      * @param text - Filtered text
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onFilterTextChange(text: string): void;
     /**
      * Callback called when the selection change
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onSelectedChange(selected: Item[]): void;
 }
@@ -234,7 +284,6 @@ export interface SelectActions<Item> {
     onBadgeKeydown: (event: KeyboardEvent, item: Item) => void;
 }
 export type SelectWidget<Item> = Widget<SelectProps<Item>, SelectState<Item>, SelectApi<Item>, SelectActions<Item>, SelectDirectives<Item>>;
-export declare const defaultConfig: SelectProps<any>;
 /**
  * Returns a shallow copy of the default select config.
  * @returns a copy of the default config
@@ -242,36 +291,68 @@ export declare const defaultConfig: SelectProps<any>;
 export declare function getSelectDefaultConfig(): {
     /**
      * List of available items for the dropdown
+     *
+     * @defaultValue `[]`
      */
     items: any[];
     /**
      * List of allowed placements for the dropdown.
      * This refers to the [allowedPlacements from floating UI](https://floating-ui.com/docs/autoPlacement#allowedplacements), given the different [Placement possibilities](https://floating-ui.com/docs/computePosition#placement).
+     *
+     * @defaultValue
+     * ```ts
+     * ['bottom-start', 'top-start', 'bottom-end', 'top-end']
+     * ```
      */
     allowedPlacements: Placement[];
     /**
      * Custom function to get the id of an item
      * By default, the item is returned
+     *
+     * @defaultValue
+     * ```ts
+     * (item: any) => '' + item
+     * ```
      */
     itemIdFn(item: any): string;
     /**
      * Retrieves navigable elements within an HTML element containing badges and the input.
      *
      * @param node - HTMLElement that contains the badges and the input
+     *
+     * @defaultValue
+     * ```ts
+     * (node: HTMLElement) => node.querySelectorAll('.au-select-badge,input')
+     * ```
      */
-    navSelector(node: HTMLElement): NodeListOf<HTMLInputElement | HTMLSpanElement>;
+    navSelector(node: HTMLElement): NodeListOf<HTMLSpanElement | HTMLInputElement>;
     /**
      * Callback called dropdown open state change
      * @param isOpen - updated open state
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onOpenChange(isOpen: boolean): void;
     /**
      * Callback called when the text filter change
      * @param text - Filtered text
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onFilterTextChange(text: string): void;
     /**
      * Callback called when the selection change
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onSelectedChange(selected: any[]): void;
     /**
@@ -280,38 +361,56 @@ export declare function getSelectDefaultConfig(): {
     id: string | undefined;
     /**
      * aria-label used for the input inside the select
+     *
+     * @defaultValue `'Select'`
      */
     ariaLabel: string | undefined;
     /**
      * List of selected item ids
+     *
+     * @defaultValue `[]`
      */
     selected: any[];
     /**
      * Filtered text to be display in the filter input
+     *
+     * @defaultValue `''`
      */
     filterText: string;
     /**
      * true if the select is disabled
+     *
+     * @defaultValue `false`
      */
     disabled: boolean;
     /**
      * true if the select is open
+     *
+     * @defaultValue `false`
      */
     open: boolean;
     /**
      * Class to be added on the dropdown menu container
+     *
+     * @defaultValue `''`
      */
     menuClassName: string;
     /**
      * Class to be added on menu items
+     *
+     * @defaultValue `''`
      */
     menuItemClassName: string;
     /**
      * Class to be added on selected items (displayed in the input zone)
+     *
+     * @defaultValue `''`
      */
     badgeClassName: string;
     /**
      * true if a loading process is being done
+     *
+     * @defaultValue `false`
      */
     loading: boolean;
     className: string;
@@ -322,3 +421,4 @@ export declare function getSelectDefaultConfig(): {
  * @returns a SelectWidget
  */
 export declare function createSelect<Item>(config?: PropsConfig<SelectProps<Item>>): SelectWidget<Item>;
+export {};

package/components/slider/slider.d.ts

@@ -54,45 +54,65 @@ export interface SliderHandle {
      */
     ariaValueText: string;
 }
-export interface SliderCommonPropsAndState extends WidgetsCommonPropsAndState {
+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;
     /**
      * It `true` slider display is inversed
+     *
+     * @defaultValue `false`
      */
     rtl: boolean;
 }
@@ -144,6 +164,11 @@ export interface SliderProps extends SliderCommonPropsAndState {
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
      * @param index - index of the handle in the original list
+     *
+     * @defaultValue
+     * ```ts
+     * (value: number) => '' + value
+     * ```
      */
     ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
     /**
@@ -151,12 +176,22 @@ export interface SliderProps extends SliderCommonPropsAndState {
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
      * @param index - index of the handle in the original list
+     *
+     * @defaultValue
+     * ```ts
+     * (value: number) => '' + value
+     * ```
      */
     ariaValueText: (value: number, sortedIndex: number, index: number) => string;
     /**
      * An event emitted when slider values are changed
      *
      * Event payload equals to the updated slider values
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onValuesChange: (values: number[]) => void;
 }
@@ -238,6 +273,11 @@ export declare function getSliderDefaultConfig(): {
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
      * @param index - index of the handle in the original list
+     *
+     * @defaultValue
+     * ```ts
+     * (value: number) => '' + value
+     * ```
      */
     ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
     /**
@@ -245,52 +285,82 @@ export declare function getSliderDefaultConfig(): {
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
      * @param index - index of the handle in the original list
+     *
+     * @defaultValue
+     * ```ts
+     * (value: number) => '' + value
+     * ```
      */
     ariaValueText: (value: number, sortedIndex: number, index: number) => string;
     /**
      * An event emitted when slider values are changed
      *
      * Event payload equals to the updated slider values
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onValuesChange: (values: number[]) => void;
     /**
      * 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;
     /**
      * It `true` slider display is inversed
+     *
+     * @defaultValue `false`
      */
     rtl: boolean;
     className: string;
@@ -301,3 +371,4 @@ export declare function getSliderDefaultConfig(): {
  * @returns a SliderWidget
  */
 export declare function createSlider(config?: PropsConfig<SliderProps>): SliderWidget;
+export {};

package/components/toast/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toast = require("../../toast-DR8b0zpm.cjs");
+const toast = require("../../toast-Dy3ck2cM.cjs");
 exports.createToast = toast.createToast;
 exports.getToastDefaultConfig = toast.getToastDefaultConfig;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../toast-DN0HwUbs.js";
+import { c, g } from "../../toast-BzxextBQ.js";
 export {
   c as createToast,
   g as getToastDefaultConfig

package/components/toast/toast.d.ts

@@ -1,16 +1,20 @@
 import type { Directive, PropsConfig, Widget } from '../../types';
 import type { CommonAlertApi, CommonAlertDirectives, CommonAlertProps, CommonAlertState } from '../alert/common';
-export interface ToastExtraProps {
+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;
 }
-export interface ExtraDirectives {
+interface ExtraDirectives {
     /**
      * Directive that handles the autohide of the toast component
      */
@@ -44,3 +48,4 @@ export declare function getToastDefaultConfig(): ToastProps;
  * @returns a ToastWidget
  */
 export declare function createToast(config?: PropsConfig<ToastProps>): ToastWidget;
+export {};

package/index.cjs

@@ -2,15 +2,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const types = require("./types.cjs");
 const accordion = require("./accordion-DmPT0O0j.cjs");
-const common = require("./common-Kb96q7i4.cjs");
-const alert = require("./alert-C-V64Qcs.cjs");
+const alert = require("./alert-CEFbEgvG.cjs");
 const modal = require("./modal-D4d8sy85.cjs");
 const pagination = require("./pagination-B9WFv70F.cjs");
 const progressbar = require("./progressbar-DXCMeJvL.cjs");
 const rating = require("./rating-C2Y95r50.cjs");
-const select = require("./select-CBlGWfZY.cjs");
+const select = require("./select-BBiF-m3N.cjs");
 const slider = require("./slider-BdsZpxJr.cjs");
-const toast = require("./toast-DR8b0zpm.cjs");
+const toast = require("./toast-Dy3ck2cM.cjs");
 const config = require("./config.cjs");
 const services_extendWidget = require("./services/extendWidget.cjs");
 const services_floatingUI = require("./services/floatingUI.cjs");
@@ -21,6 +20,7 @@ const services_navManager = require("./services/navManager.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_resizeObserver = require("./services/resizeObserver.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
+const services_hash = require("./services/hash.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const services_transitions_cssTransitions = require("./services/transitions/cssTransitions.cjs");
 const services_transitions_simpleClassTransition = require("./services/transitions/simpleClassTransition.cjs");
@@ -33,10 +33,6 @@ exports.createAccordion = accordion.createAccordion;
 exports.createAccordionItem = accordion.createAccordionItem;
 exports.factoryCreateAccordion = accordion.factoryCreateAccordion;
 exports.getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;
-exports.commonAlertConfigValidator = common.commonAlertConfigValidator;
-exports.createCommonAlert = common.createCommonAlert;
-exports.defaultCommonAlertConfig = common.defaultCommonAlertConfig;
-exports.getCommonAlertDefaultConfig = common.getCommonAlertDefaultConfig;
 exports.createAlert = alert.createAlert;
 exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;
 exports.createModal = modal.createModal;
@@ -50,7 +46,6 @@ exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
 exports.createRating = rating.createRating;
 exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;
 exports.createSelect = select.createSelect;
-exports.defaultConfig = select.defaultConfig;
 exports.getSelectDefaultConfig = select.getSelectDefaultConfig;
 exports.createSlider = slider.createSlider;
 exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;
@@ -70,6 +65,7 @@ exports.isInternalInputNavigation = services_navManager.isInternalInputNavigatio
 exports.portal = services_portal.portal;
 exports.createResizeObserver = services_resizeObserver.createResizeObserver;
 exports.sliblingsInert = services_siblingsInert.sliblingsInert;
+exports.hash$ = services_hash.hash$;
 exports.createTransition = services_transitions_baseTransitions.createTransition;
 exports.noAnimation = services_transitions_baseTransitions.noAnimation;
 exports.createCSSTransition = services_transitions_cssTransitions.createCSSTransition;

package/index.d.ts

@@ -1,4 +1,3 @@
-export * from './components/commonProps';
 export * from './types';
 export * from './components/accordion';
 export * from './components/alert';
@@ -19,6 +18,7 @@ export * from './services/navManager';
 export * from './services/portal';
 export * from './services/resizeObserver';
 export * from './services/siblingsInert';
+export * from './services/hash';
 export * from './services/transitions/baseTransitions';
 export * from './services/transitions/cssTransitions';
 export * from './services/transitions/simpleClassTransition';