@agnos-ui/core 0.1.1 → 0.3.0

package/components/slider/slider.d.ts

@@ -36,6 +36,24 @@ export interface HandleDisplayOptions {
      */
     top: number | null;
 }
+export interface SliderHandle {
+    /**
+     * Value of the handle
+     */
+    value: number;
+    /**
+     * Handle id
+     */
+    id: number;
+    /**
+     * ariaLabel of the handle
+     */
+    ariaLabel: string;
+    /**
+     * ariaValueText of the handle
+     */
+    ariaValueText: string;
+}
 export interface SliderCommonPropsAndState extends WidgetsCommonPropsAndState {
     /**
      * Minimum value that can be assigned to the slider
@@ -106,11 +124,7 @@ export interface SliderState extends SliderCommonPropsAndState {
     /**
      * Array of the sorted handles to display
      */
-    sortedHandles: {
-        value: number;
-        id: number;
-        ariaLabel: string;
-    }[];
+    sortedHandles: SliderHandle[];
     /**
      * Array of objects representing progress display options
      */
@@ -119,6 +133,10 @@ export interface SliderState extends SliderCommonPropsAndState {
      * Array of objects representing handle display options
      */
     handleDisplayOptions: HandleDisplayOptions[];
+    /**
+     * Check if the slider is interactive, meaning it is not disabled or readonly
+     */
+    interactive: boolean;
 }
 export interface SliderProps extends SliderCommonPropsAndState {
     /**
@@ -128,6 +146,13 @@ export interface SliderProps extends SliderCommonPropsAndState {
      * @param index - index of the handle in the original list
      */
     ariaLabelHandle: (value: number, sortedIndex: number, index: 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
+     * @param index - index of the handle in the original list
+     */
+    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
     /**
      * An event emitted when slider values are changed
      *
@@ -142,6 +167,22 @@ export interface SliderDirectives {
      * Directive to get the slider component elementRef
      */
     sliderDirective: 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 to the slider handle if any
+     */
+    handleDirective: Directive<{
+        item: SliderHandle;
+    }>;
     /**
      * Directive to get the minLabel elementRef
      */
@@ -150,6 +191,16 @@ export interface SliderDirectives {
      * 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;
+    }>;
 }
 export interface SliderActions {
     /**
@@ -189,6 +240,13 @@ export declare function getSliderDefaultConfig(): {
      * @param index - index of the handle in the original list
      */
     ariaLabelHandle: (value: number, sortedIndex: number, index: 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
+     * @param index - index of the handle in the original list
+     */
+    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
     /**
      * An event emitted when slider values are changed
      *

package/components/toast/index.cjs

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

package/components/toast/index.d.ts

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

package/components/toast/index.js

@@ -0,0 +1,5 @@
+import { c, g } from "../../toast-8tWp6x89.js";
+export {
+  c as createToast,
+  g as getToastDefaultConfig
+};

package/components/toast/toast.d.ts

@@ -0,0 +1,47 @@
+import type { ExtendWidgetAdaptSlotWidgetProps, ExtendWidgetInterfaces } from '../../services/extendWidget';
+import type { Directive, PropsConfig, Widget } from '../../types';
+import type { CommonAlertApi, CommonAlertDirectives, CommonAlertProps, CommonAlertState } from '../alert/common';
+export interface ToastExtraProps {
+    /**
+     * If `true` automatically hides the toast after the delay.
+     */
+    autoHide: boolean;
+    /**
+     * Delay in milliseconds before hiding the toast.
+     */
+    delay: number;
+}
+export 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;
+}
+export interface ToastState extends ExtendWidgetAdaptSlotWidgetProps<CommonAlertState, ToastExtraProps, ExtraDirectives> {
+}
+export interface ToastProps extends ExtendWidgetAdaptSlotWidgetProps<CommonAlertProps, ToastExtraProps, ExtraDirectives> {
+}
+export interface ToastApi extends CommonAlertApi {
+}
+export interface ToastDirectives extends ExtendWidgetInterfaces<CommonAlertDirectives, ExtraDirectives> {
+}
+export type ToastWidget = Widget<ToastProps, ToastState, ToastApi, object, 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 function createToast(config?: PropsConfig<ToastProps>): ToastWidget;

package/config.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tansu = require("@amadeus-it-group/tansu");
+const func = require("./func-Qd3cD9a3.cjs");
+const mergeInto = (destination, source, levels = Infinity) => {
+  if (source !== void 0) {
+    if (typeof source === "object" && source && levels >= 1) {
+      if (!destination) {
+        destination = {};
+      }
+      for (const key of Object.keys(source)) {
+        if (!Object.prototype.hasOwnProperty.call(source, key))
+          continue;
+        if (key === "__proto__" || key === "constructor")
+          continue;
+        destination[key] = mergeInto(destination[key], source[key], levels - 1);
+      }
+    } else {
+      return source;
+    }
+  }
+  return destination;
+};
+const createWidgetsConfig = (parent$, adaptParentConfig = func.identity) => {
+  const own$ = tansu.writable({});
+  const adaptedParent$ = adaptParentConfig === func.identity ? parent$ : tansu.computed(() => adaptParentConfig(mergeInto({}, parent$ == null ? void 0 : parent$(), 2)));
+  return tansu.asWritable(
+    tansu.computed(() => mergeInto(mergeInto({}, adaptedParent$ == null ? void 0 : adaptedParent$(), 2), own$(), 2)),
+    {
+      ...own$,
+      own$,
+      adaptedParent$,
+      parent$
+    }
+  );
+};
+exports.createWidgetsConfig = createWidgetsConfig;
+exports.mergeInto = mergeInto;

package/config.d.ts

@@ -7,6 +7,7 @@ import type { SelectProps } from './components/select/select';
 import type { AccordionProps } from './components/accordion/accordion';
 import type { ProgressbarProps } from './components/progressbar/progressbar';
 import type { SliderProps } from './components/slider/slider';
+import type { ToastProps } from './components/toast/toast';
 export type Partial2Levels<T> = Partial<{
     [Level1 in keyof T]: Partial<T[Level1]>;
 }>;
@@ -44,7 +45,7 @@ export declare const mergeInto: <T>(destination: T, source: T | undefined, level
  * parent$, adaptedParent$ (containing the value computed after the first step), and own$ (that contains only overridding properties).
  * The resulting store is writable, its set function is actually the set function of the own$ store.
  */
-export declare const createWidgetsConfig: <T>(parent$?: WidgetsConfigStore<T> | undefined, adaptParentConfig?: (config: Partial<{ [Level1 in keyof T]: Partial<T[Level1]>; }>) => Partial<{ [Level1 in keyof T]: Partial<T[Level1]>; }>) => WidgetsConfigStore<T>;
+export declare const createWidgetsConfig: <T>(parent$?: WidgetsConfigStore<T> | undefined, adaptParentConfig?: (config: Partial2Levels<T>) => Partial2Levels<T>) => WidgetsConfigStore<T>;
 export interface WidgetsConfig {
     /**
      * the pagination widget config
@@ -78,4 +79,8 @@ export interface WidgetsConfig {
      * slider widget config
      */
     slider: SliderProps;
+    /**
+     * toast widget config
+     */
+    toast: ToastProps;
 }

package/config.js

@@ -1,53 +1,38 @@
-import { asWritable, computed, writable } from '@amadeus-it-group/tansu';
-import { identity } from './utils/internal/func';
-/**
- * Merges source object into destination object, up to the provided number of levels.
- * @param destination - destination object
- * @param source - source object
- * @param levels - number of levels to merge
- * @returns the destination object in most cases, or the source in some cases (if the source is not undefined and either levels is smaller than 1
- * or the source is not an object)
- */
-export const mergeInto = (destination, source, levels = Infinity) => {
-    if (source !== undefined) {
-        if (typeof source === 'object' && source && levels >= 1) {
-            for (const key of Object.keys(source)) {
-                destination[key] = mergeInto(destination[key] ?? {}, source[key], levels - 1);
-            }
-        }
-        else {
-            return source;
-        }
+import { writable, computed, asWritable } from "@amadeus-it-group/tansu";
+import { i as identity } from "./func-DR0n-ShK.js";
+const mergeInto = (destination, source, levels = Infinity) => {
+  if (source !== void 0) {
+    if (typeof source === "object" && source && levels >= 1) {
+      if (!destination) {
+        destination = {};
+      }
+      for (const key of Object.keys(source)) {
+        if (!Object.prototype.hasOwnProperty.call(source, key))
+          continue;
+        if (key === "__proto__" || key === "constructor")
+          continue;
+        destination[key] = mergeInto(destination[key], source[key], levels - 1);
+      }
+    } else {
+      return source;
     }
-    return destination;
+  }
+  return destination;
 };
-/**
- * Creates a new widgets default configuration store, optionally inheriting from a parent store, and containing
- * its own set of widgets configuration properties that override the same properties form the parent configuration.
- *
- * @remarks
- * The resulting store has a value computed from the parent store in two steps:
- * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).
- * If adaptParentConfig is not specified, this step is skipped.
- * - second step: the configuration from step 1 is merged (2-levels deep) with the own$ store. The own$ store initially contains
- * an empty object (i.e. no property from the parent is overridden). It can be changed by calling set on the store returned by this function.
- *
- * @param parent$ - optional parent widgets default configuration store.
- * @param adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration
- * from parent$ (or an empty object if parent$ is not specified) and returns the widgets default configuration to be used.
- * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.
- * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.
- * @returns the resulting widgets default configuration store, which contains 3 additional properties that are stores:
- * parent$, adaptedParent$ (containing the value computed after the first step), and own$ (that contains only overridding properties).
- * The resulting store is writable, its set function is actually the set function of the own$ store.
- */
-export const createWidgetsConfig = (parent$, adaptParentConfig = identity) => {
-    const own$ = writable({});
-    const adaptedParent$ = adaptParentConfig === identity ? parent$ : computed(() => adaptParentConfig(mergeInto({}, parent$?.(), 2)));
-    return asWritable(computed(() => mergeInto(mergeInto({}, adaptedParent$?.(), 2), own$(), 2)), {
-        ...own$,
-        own$,
-        adaptedParent$,
-        parent$,
-    });
+const createWidgetsConfig = (parent$, adaptParentConfig = identity) => {
+  const own$ = writable({});
+  const adaptedParent$ = adaptParentConfig === identity ? parent$ : computed(() => adaptParentConfig(mergeInto({}, parent$ == null ? void 0 : parent$(), 2)));
+  return asWritable(
+    computed(() => mergeInto(mergeInto({}, adaptedParent$ == null ? void 0 : adaptedParent$(), 2), own$(), 2)),
+    {
+      ...own$,
+      own$,
+      adaptedParent$,
+      parent$
+    }
+  );
+};
+export {
+  createWidgetsConfig,
+  mergeInto
 };