@agnos-ui/core 0.8.0-next.1 → 0.8.0

package/toaster-PwfLC7FH.js

@@ -0,0 +1,209 @@
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value, setter);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+var _idCount, _toasts, _timers;
+import { computed, readable, writable } from "@amadeus-it-group/tansu";
+import { extendWidgetProps } from "./services/extendWidget.js";
+import { n as createAttributesDirective, d as directiveSubscribe } from "./dom-gfxqXJpK.js";
+import { true$ } from "./utils/stores.js";
+import { b as typeNumberInRangeFactory, c as typeBoolean } from "./writables-CgpOQ4hA.js";
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-BqUjUBPy.js";
+const toastDefaultConfig = {
+  autoHide: true,
+  delay: 5e3
+};
+const toastConfigValidator = {
+  autoHide: typeBoolean,
+  delay: typeNumberInRangeFactory(0, Infinity, { strict: true })
+};
+function getToastDefaultConfig() {
+  return { ...getCommonAlertDefaultConfig(), ...toastDefaultConfig };
+}
+function createToast(config) {
+  let _timeout;
+  const extendedAlert = extendWidgetProps(
+    createCommonAlert,
+    toastDefaultConfig,
+    toastConfigValidator
+  )(config);
+  const time$ = computed(() => {
+    clearTimeout(_timeout);
+    if (extendedAlert.stores.autoHide$()) {
+      _timeout = setTimeout(() => extendedAlert.api.close(), extendedAlert.stores.delay$());
+    }
+  });
+  const bodyDirective = createAttributesDirective(() => ({
+    attributes: {
+      role: readable("alert"),
+      "aria-atomic": readable("true"),
+      class: computed(() => extendedAlert.stores.className$())
+    },
+    classNames: {
+      "au-toast": true$,
+      toast: true$
+    }
+  }));
+  const closeButtonDirective = createAttributesDirective(() => ({
+    attributes: {
+      type: readable("button"),
+      "aria-label": computed(() => extendedAlert.stores.ariaCloseButtonLabel$())
+    },
+    events: {
+      click: extendedAlert.api.close
+    }
+  }));
+  return {
+    ...extendedAlert,
+    directives: {
+      ...extendedAlert.directives,
+      autoHideDirective: directiveSubscribe(time$),
+      bodyDirective,
+      closeButtonDirective
+    }
+  };
+}
+const defaultToasterProps = {
+  duration: 5e3,
+  position: "bottomRight",
+  dismissible: false
+};
+class Toaster {
+  constructor(props) {
+    __privateAdd(this, _idCount, 0);
+    __privateAdd(this, _toasts, writable([]));
+    /**
+     * Get the toasts value from the store
+     * @returns The array of toasts.
+     */
+    __publicField(this, "toasts", computed(
+      () => __privateGet(this, _toasts).call(this).sort((a, b) => b.id - a.id).slice(0, this.options().limit)
+    ));
+    __publicField(this, "options", writable(defaultToasterProps));
+    __privateAdd(this, _timers, /* @__PURE__ */ new Map());
+    /**
+     * Add timer for a toast
+     * @param id Id of the toast
+     * @param duration Duration of the timer, by default taken from options
+     */
+    __publicField(this, "addTimer", (id, duration = this.options().duration) => {
+      if (duration > 0) {
+        __privateGet(this, _timers).set(id, {
+          timeout: setTimeout(() => this.removeToast(id), duration),
+          started: performance.now(),
+          duration
+        });
+      }
+    });
+    /**
+     * Pause a timer for a toast
+     * @param id Id of the toast
+     */
+    __publicField(this, "pauseTimer", (id) => {
+      if (__privateGet(this, _timers).has(id)) {
+        const timer = __privateGet(this, _timers).get(id);
+        if (timer && timer.timeout) {
+          clearTimeout(timer.timeout);
+          timer.timeout = null;
+          timer.paused = performance.now();
+        }
+      }
+    });
+    /**
+     * Resume a timer for a toast
+     * @param id Id of the toast
+     */
+    __publicField(this, "resumeTimer", (id) => {
+      if (__privateGet(this, _timers).has(id)) {
+        const timer = __privateGet(this, _timers).get(id);
+        if (timer) {
+          const paused = timer.paused ?? timer.started;
+          const elapsed = paused - timer.started;
+          const remaining = (timer.duration ?? 0) - elapsed;
+          this.addTimer(id, remaining);
+          timer.duration = remaining;
+          timer.paused = void 0;
+        }
+      }
+    });
+    /**
+     * 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.
+     */
+    __publicField(this, "eventsDirective", createAttributesDirective((id) => ({
+      events: {
+        pointerenter: () => this.options().pauseOnHover && this.pauseTimer(id()),
+        pointerleave: () => this.options().pauseOnHover && this.resumeTimer(id())
+      }
+    })));
+    /**
+     * Helper to add a toast to the viewport.
+     * @param props Options for the toast.
+     * @returns The ID of the added toast.
+     */
+    __publicField(this, "addToast", (props) => {
+      const autoHide = props.autoHide ?? this.options().duration > 0;
+      __privateGet(this, _toasts).update((toasts) => [...toasts, { id: __privateWrapper(this, _idCount)._++, props }]);
+      if (autoHide) {
+        this.addTimer(__privateGet(this, _idCount) - 1, props.delay);
+      }
+      return __privateGet(this, _idCount) - 1;
+    });
+    /**
+     * Helper to remove a toast to the viewport.
+     * @param id Id of the toast to remove.
+     */
+    __publicField(this, "removeToast", (id) => {
+      __privateGet(this, _timers).delete(id);
+      __privateGet(this, _toasts).update((toasts) => toasts.filter((toast) => toast.id !== id));
+    });
+    /** Helper to update toasts when options change */
+    __publicField(this, "updateToasts", () => {
+      if (this.options().duration === 0) {
+        this.options().dismissible = true;
+      }
+    });
+    /** Helper to close all toasts at once */
+    __publicField(this, "closeAll", () => {
+      __privateGet(this, _toasts).set([]);
+      __privateGet(this, _timers).clear();
+    });
+    this.options.set({
+      ...defaultToasterProps,
+      ...props
+    });
+    this.options.subscribe(() => {
+      this.updateToasts();
+    });
+  }
+  /**
+   * Get the timers value from the store
+   * @returns The map of timers.
+   */
+  get timers() {
+    return new Map(__privateGet(this, _timers));
+  }
+}
+_idCount = new WeakMap();
+_toasts = new WeakMap();
+_timers = new WeakMap();
+export {
+  Toaster as T,
+  createToast as c,
+  defaultToasterProps as d,
+  getToastDefaultConfig as g
+};

package/{tree-C_goOyCv.js → tree-DUU_TWqy.js}

@@ -3,7 +3,7 @@ import { createNavManager } from "./services/navManager.js";
 import { k as mergeDirectives, n as createAttributesDirective, b as browserDirective, a as bindDirective } from "./dom-gfxqXJpK.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, stateStores, true$ } from "./utils/stores.js";
-import { f as typeFunction, h as typeArray, e as typeString } from "./writables-DCiBdIBK.js";
+import { g as typeFunction, i as typeArray, e as typeString } from "./writables-CgpOQ4hA.js";
 function getTreeDefaultConfig() {
   return {
     ...defaultTreeConfig

package/{tree-D4t2SOql.cjs → tree-Dwv2U0ea.cjs}

@@ -4,7 +4,7 @@ const services_navManager = require("./services/navManager.cjs");
 const utils_directive = require("./dom-CuBx1JPZ.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-BPAJvaL_.cjs");
+const utils_writables = require("./writables-Bn3uhKEG.cjs");
 function getTreeDefaultConfig() {
   return {
     ...defaultTreeConfig

package/utils/writables.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_writables = require("../writables-BPAJvaL_.cjs");
+const utils_writables = require("../writables-Bn3uhKEG.cjs");
 require("../types.cjs");
 exports.createTypeEnum = utils_writables.createTypeEnum;
 exports.testToNormalizeValue = utils_writables.testToNormalizeValue;
@@ -12,3 +12,4 @@ exports.typeHTMLElementOrNull = utils_writables.typeHTMLElementOrNull;
 exports.typeNumber = utils_writables.typeNumber;
 exports.typeNumberInRangeFactory = utils_writables.typeNumberInRangeFactory;
 exports.typeString = utils_writables.typeString;
+exports.typeStringOrNull = utils_writables.typeStringOrNull;

package/utils/writables.d.ts

@@ -56,6 +56,13 @@ export declare const typeBooleanOrNull: WritableWithDefaultOptions<boolean | nul
  * with the `isString` validator.
  */
 export declare const typeString: WritableWithDefaultOptions<string>;
+/**
+ * A writable with default options that normalizes its value to a string or null.
+ *
+ * This object provides a normalized value for strings using the `testToNormalizeValue` function
+ * with the `isString` validator.
+ */
+export declare const typeStringOrNull: WritableWithDefaultOptions<string | null>;
 /**
  * A writable object that holds a function type with default options.
  */

package/utils/writables.js

@@ -1,14 +1,15 @@
-import { i, t, h, c, d, f, g, a, b, e } from "../writables-DCiBdIBK.js";
+import { j, t, i, c, d, g, h, a, b, e, f } from "../writables-CgpOQ4hA.js";
 import "../types.js";
 export {
-  i as createTypeEnum,
+  j as createTypeEnum,
   t as testToNormalizeValue,
-  h as typeArray,
+  i as typeArray,
   c as typeBoolean,
   d as typeBooleanOrNull,
-  f as typeFunction,
-  g as typeHTMLElementOrNull,
+  g as typeFunction,
+  h as typeHTMLElementOrNull,
   a as typeNumber,
   b as typeNumberInRangeFactory,
-  e as typeString
+  e as typeString,
+  f as typeStringOrNull
 };

package/{writables-BPAJvaL_.cjs → writables-Bn3uhKEG.cjs}

@@ -54,6 +54,9 @@ const typeBooleanOrNull = {
 const typeString = {
   normalizeValue: testToNormalizeValue(isString)
 };
+const typeStringOrNull = {
+  normalizeValue: testToNormalizeValue(allowNull(isString))
+};
 const typeFunction = {
   normalizeValue: testToNormalizeValue(isFunction),
   equal: Object.is
@@ -92,3 +95,4 @@ exports.typeHTMLElementOrNull = typeHTMLElementOrNull;
 exports.typeNumber = typeNumber;
 exports.typeNumberInRangeFactory = typeNumberInRangeFactory;
 exports.typeString = typeString;
+exports.typeStringOrNull = typeStringOrNull;

package/{writables-DCiBdIBK.js → writables-CgpOQ4hA.js}

@@ -53,6 +53,9 @@ const typeBooleanOrNull = {
 const typeString = {
   normalizeValue: testToNormalizeValue(isString)
 };
+const typeStringOrNull = {
+  normalizeValue: testToNormalizeValue(allowNull(isString))
+};
 const typeFunction = {
   normalizeValue: testToNormalizeValue(isFunction),
   equal: Object.is
@@ -85,11 +88,12 @@ export {
   typeBoolean as c,
   typeBooleanOrNull as d,
   typeString as e,
-  typeFunction as f,
-  typeHTMLElementOrNull as g,
-  typeArray as h,
-  createTypeEnum as i,
-  clamp as j,
-  isNumber as k,
+  typeStringOrNull as f,
+  typeFunction as g,
+  typeHTMLElementOrNull as h,
+  typeArray as i,
+  createTypeEnum as j,
+  clamp as k,
+  isNumber as l,
   testToNormalizeValue as t
 };

package/toast-4HGIz3Bu.js

@@ -1,64 +0,0 @@
-import { computed, readable } from "@amadeus-it-group/tansu";
-import { extendWidgetProps } from "./services/extendWidget.js";
-import { n as createAttributesDirective, d as directiveSubscribe } from "./dom-gfxqXJpK.js";
-import { true$ } from "./utils/stores.js";
-import { b as typeNumberInRangeFactory, c as typeBoolean } from "./writables-DCiBdIBK.js";
-import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-Bffx1jJO.js";
-const toastDefaultConfig = {
-  autoHide: true,
-  delay: 5e3
-};
-const toastConfigValidator = {
-  autoHide: typeBoolean,
-  delay: typeNumberInRangeFactory(0, Infinity, { strict: true })
-};
-function getToastDefaultConfig() {
-  return { ...getCommonAlertDefaultConfig(), ...toastDefaultConfig };
-}
-function createToast(config) {
-  let _timeout;
-  const extendedAlert = extendWidgetProps(
-    createCommonAlert,
-    toastDefaultConfig,
-    toastConfigValidator
-  )(config);
-  const time$ = computed(() => {
-    clearTimeout(_timeout);
-    if (extendedAlert.stores.autoHide$()) {
-      _timeout = setTimeout(() => extendedAlert.api.close(), extendedAlert.stores.delay$());
-    }
-  });
-  const bodyDirective = createAttributesDirective(() => ({
-    attributes: {
-      role: readable("alert"),
-      "aria-atomic": readable("true"),
-      class: computed(() => extendedAlert.stores.className$())
-    },
-    classNames: {
-      "au-toast": true$,
-      toast: true$
-    }
-  }));
-  const closeButtonDirective = createAttributesDirective(() => ({
-    attributes: {
-      type: readable("button"),
-      "aria-label": computed(() => extendedAlert.stores.ariaCloseButtonLabel$())
-    },
-    events: {
-      click: extendedAlert.api.close
-    }
-  }));
-  return {
-    ...extendedAlert,
-    directives: {
-      ...extendedAlert.directives,
-      autoHideDirective: directiveSubscribe(time$),
-      bodyDirective,
-      closeButtonDirective
-    }
-  };
-}
-export {
-  createToast as c,
-  getToastDefaultConfig as g
-};

package/toast-CaIcB2sD.cjs

@@ -1,63 +0,0 @@
-"use strict";
-const tansu = require("@amadeus-it-group/tansu");
-const services_extendWidget = require("./services/extendWidget.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
-const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-BPAJvaL_.cjs");
-const common = require("./common-CcQOJ_hf.cjs");
-const toastDefaultConfig = {
-  autoHide: true,
-  delay: 5e3
-};
-const toastConfigValidator = {
-  autoHide: utils_writables.typeBoolean,
-  delay: utils_writables.typeNumberInRangeFactory(0, Infinity, { strict: true })
-};
-function getToastDefaultConfig() {
-  return { ...common.getCommonAlertDefaultConfig(), ...toastDefaultConfig };
-}
-function createToast(config) {
-  let _timeout;
-  const extendedAlert = services_extendWidget.extendWidgetProps(
-    common.createCommonAlert,
-    toastDefaultConfig,
-    toastConfigValidator
-  )(config);
-  const time$ = tansu.computed(() => {
-    clearTimeout(_timeout);
-    if (extendedAlert.stores.autoHide$()) {
-      _timeout = setTimeout(() => extendedAlert.api.close(), extendedAlert.stores.delay$());
-    }
-  });
-  const bodyDirective = utils_directive.createAttributesDirective(() => ({
-    attributes: {
-      role: tansu.readable("alert"),
-      "aria-atomic": tansu.readable("true"),
-      class: tansu.computed(() => extendedAlert.stores.className$())
-    },
-    classNames: {
-      "au-toast": utils_stores.true$,
-      toast: utils_stores.true$
-    }
-  }));
-  const closeButtonDirective = utils_directive.createAttributesDirective(() => ({
-    attributes: {
-      type: tansu.readable("button"),
-      "aria-label": tansu.computed(() => extendedAlert.stores.ariaCloseButtonLabel$())
-    },
-    events: {
-      click: extendedAlert.api.close
-    }
-  }));
-  return {
-    ...extendedAlert,
-    directives: {
-      ...extendedAlert.directives,
-      autoHideDirective: utils_directive.directiveSubscribe(time$),
-      bodyDirective,
-      closeButtonDirective
-    }
-  };
-}
-exports.createToast = createToast;
-exports.getToastDefaultConfig = getToastDefaultConfig;