@agnos-ui/core 0.9.3 → 0.10.0-next.1

package/{slider-BmxQ3A_u.js → slider-Cx50Eghd.js}

@@ -1,18 +1,17 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective, g as createBrowserStoreArrayDirective, k as mergeDirectives, n as createAttributesDirective, b as browserDirective } from "./dom-gfxqXJpK.js";
+import { l as createBrowserStoreDirective, h as createBrowserStoreArrayDirective, n as mergeDirectives, p as createAttributesDirective, b as browserDirective } from "./dom-Bcg9ORcA.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
-import { i as typeArray, c as typeBoolean, b as typeNumberInRangeFactory, e as typeString, g as typeFunction, a as typeNumber } from "./writables-CgpOQ4hA.js";
+import { i as typeArray, c as typeBoolean, b as typeNumberInRangeFactory, e as typeString, g as typeFunction, a as typeNumber } from "./writables-e0tyaQpe.js";
 import { createResizeObserver } from "./services/resizeObserver.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
-  var _a;
   const matches = ("" + number).match(decimalRegExp);
   return Math.max(
     0,
     // Number of digits right of decimal point.
-    (((_a = matches[1]) == null ? void 0 : _a.length) ?? 0) - // Adjust for exponential notation.
+    (matches[1]?.length ?? 0) - // Adjust for exponential notation.
     (+matches[2] || 0)
   );
 }
@@ -255,10 +254,9 @@ const createSlider = createWidgetFactory("slider", (config) => {
   );
   const sliderDomRect$ = computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = sliderDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return sliderDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: Object.is
@@ -266,10 +264,9 @@ const createSlider = createWidgetFactory("slider", (config) => {
   );
   const minLabelDomRect$ = computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = minLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return minLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -277,10 +274,9 @@ const createSlider = createWidgetFactory("slider", (config) => {
   );
   const maxLabelDomRect$ = computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = maxLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return maxLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -318,16 +314,10 @@ const createSlider = createWidgetFactory("slider", (config) => {
   const adjustedShowValueLabels$ = computed(() => showValueLabels$() && (!showTicks$() || !showTickValues$()));
   const pixelToPercent = (pixels) => pixels ? pixels / sliderDomRectSize$() * 100 : 0;
   const combinedLabelSize$ = computed(
-    () => {
-      var _a, _b;
-      return pixelToPercent(vertical$() ? (_a = combinedLabelDom$()) == null ? void 0 : _a.getBoundingClientRect().height : (_b = combinedLabelDom$()) == null ? void 0 : _b.getBoundingClientRect().width);
-    }
+    () => pixelToPercent(vertical$() ? combinedLabelDom$()?.getBoundingClientRect().height : combinedLabelDom$()?.getBoundingClientRect().width)
   );
   const combinedLabelPosition$ = computed(() => vertical$() ? combinedLabelPositionTop$() : combinedLabelPositionLeft$());
-  const currentLabelSizeByIndex = (index) => {
-    var _a, _b;
-    return pixelToPercent(vertical$() ? (_a = currentLabelDomsRect$()[index]) == null ? void 0 : _a.height : (_b = currentLabelDomsRect$()[index]) == null ? void 0 : _b.width);
-  };
+  const currentLabelSizeByIndex = (index) => pixelToPercent(vertical$() ? currentLabelDomsRect$()[index]?.height : currentLabelDomsRect$()[index]?.width);
   const minValueLabelDisplay$ = computed(() => {
     if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
       return false;
@@ -369,8 +359,8 @@ const createSlider = createWidgetFactory("slider", (config) => {
       storedLabelSize$.set(values.map((_, index) => currentLabelSizeByIndex(index) / 2));
     }
     const storedLabelSize = storedLabelSize$();
-    const firstLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[0]) ?? 0;
-    const secondLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[1]) ?? 0;
+    const firstLabelSize = storedLabelSize?.[0] ?? 0;
+    const secondLabelSize = storedLabelSize?.[1] ?? 0;
     const biggestLabelSize = Math.max(firstLabelSize, secondLabelSize);
     const intersectionLimit = biggestLabelSize !== 50 ? biggestLabelSize * 2 + 2 : 15;
     return values.length == 2 && values[1] - secondLabelSize - values[0] + firstLabelSize < intersectionLimit;
@@ -567,7 +557,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.clientY : e.clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -575,7 +565,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("mousemove", handleDrag);
       document.addEventListener(
         "mouseup",
@@ -591,7 +581,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.touches[0].clientY : e.touches[0].clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -599,7 +589,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("touchmove", handleDrag, { passive: false });
       document.addEventListener(
         "touchend",

package/{slider-DSx5CAce.cjs → slider-Dl4Trh32.cjs}

@@ -1,19 +1,18 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const services_resizeObserver = require("./services/resizeObserver.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
-  var _a;
   const matches = ("" + number).match(decimalRegExp);
   return Math.max(
     0,
     // Number of digits right of decimal point.
-    (((_a = matches[1]) == null ? void 0 : _a.length) ?? 0) - // Adjust for exponential notation.
+    (matches[1]?.length ?? 0) - // Adjust for exponential notation.
     (+matches[2] || 0)
   );
 }
@@ -256,10 +255,9 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   );
   const sliderDomRect$ = tansu.computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = sliderDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return sliderDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: Object.is
@@ -267,10 +265,9 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   );
   const minLabelDomRect$ = tansu.computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = minLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return minLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -278,10 +275,9 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   );
   const maxLabelDomRect$ = tansu.computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = maxLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return maxLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -319,16 +315,10 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   const adjustedShowValueLabels$ = tansu.computed(() => showValueLabels$() && (!showTicks$() || !showTickValues$()));
   const pixelToPercent = (pixels) => pixels ? pixels / sliderDomRectSize$() * 100 : 0;
   const combinedLabelSize$ = tansu.computed(
-    () => {
-      var _a, _b;
-      return pixelToPercent(vertical$() ? (_a = combinedLabelDom$()) == null ? void 0 : _a.getBoundingClientRect().height : (_b = combinedLabelDom$()) == null ? void 0 : _b.getBoundingClientRect().width);
-    }
+    () => pixelToPercent(vertical$() ? combinedLabelDom$()?.getBoundingClientRect().height : combinedLabelDom$()?.getBoundingClientRect().width)
   );
   const combinedLabelPosition$ = tansu.computed(() => vertical$() ? combinedLabelPositionTop$() : combinedLabelPositionLeft$());
-  const currentLabelSizeByIndex = (index) => {
-    var _a, _b;
-    return pixelToPercent(vertical$() ? (_a = currentLabelDomsRect$()[index]) == null ? void 0 : _a.height : (_b = currentLabelDomsRect$()[index]) == null ? void 0 : _b.width);
-  };
+  const currentLabelSizeByIndex = (index) => pixelToPercent(vertical$() ? currentLabelDomsRect$()[index]?.height : currentLabelDomsRect$()[index]?.width);
   const minValueLabelDisplay$ = tansu.computed(() => {
     if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
       return false;
@@ -370,8 +360,8 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
       storedLabelSize$.set(values.map((_, index) => currentLabelSizeByIndex(index) / 2));
     }
     const storedLabelSize = storedLabelSize$();
-    const firstLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[0]) ?? 0;
-    const secondLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[1]) ?? 0;
+    const firstLabelSize = storedLabelSize?.[0] ?? 0;
+    const secondLabelSize = storedLabelSize?.[1] ?? 0;
     const biggestLabelSize = Math.max(firstLabelSize, secondLabelSize);
     const intersectionLimit = biggestLabelSize !== 50 ? biggestLabelSize * 2 + 2 : 15;
     return values.length == 2 && values[1] - secondLabelSize - values[0] + firstLabelSize < intersectionLimit;
@@ -568,7 +558,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.clientY : e.clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -576,7 +566,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("mousemove", handleDrag);
       document.addEventListener(
         "mouseup",
@@ -592,7 +582,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.touches[0].clientY : e.touches[0].clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -600,7 +590,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("touchmove", handleDrag, { passive: false });
       document.addEventListener(
         "touchend",

package/toaster-UDglac7x.cjs

@@ -0,0 +1,187 @@
+"use strict";
+const tansu = require("@amadeus-it-group/tansu");
+const services_extendWidget = require("./services/extendWidget.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_stores = require("./utils/stores.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
+const common = require("./common-D3QcdJ6S.cjs");
+const utils_widget = require("./utils/widget.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 };
+}
+const createToast = utils_widget.createWidgetFactory("toast", (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
+    }
+  };
+});
+const defaultToasterProps = {
+  duration: 5e3,
+  position: "bottomRight",
+  dismissible: false
+};
+class Toaster {
+  #idCount = 0;
+  #toasts = tansu.writable([]);
+  /**
+   * Get the toasts value from the store
+   * @returns The array of toasts.
+   */
+  toasts = tansu.computed(
+    () => this.#toasts().sort((a, b) => b.id - a.id).slice(0, this.options().limit)
+  );
+  options = tansu.writable(defaultToasterProps);
+  #timers = /* @__PURE__ */ new Map();
+  /**
+   * Get the timers value from the store
+   * @returns The map of timers.
+   */
+  get timers() {
+    return new Map(this.#timers);
+  }
+  constructor(props) {
+    this.options.set({
+      ...defaultToasterProps,
+      ...props
+    });
+    this.options.subscribe(() => {
+      this.updateToasts();
+    });
+  }
+  /**
+   * Add timer for a toast
+   * @param id Id of the toast
+   * @param duration Duration of the timer, by default taken from options
+   */
+  addTimer = (id, duration = this.options().duration) => {
+    if (duration > 0) {
+      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
+   */
+  pauseTimer = (id) => {
+    if (this.#timers.has(id)) {
+      const timer = 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
+   */
+  resumeTimer = (id) => {
+    if (this.#timers.has(id)) {
+      const timer = 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.
+   */
+  eventsDirective = utils_directive.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.
+   */
+  addToast = (props) => {
+    const autoHide = props.autoHide ?? this.options().duration > 0;
+    this.#toasts.update((toasts) => [...toasts, { id: this.#idCount++, props }]);
+    if (autoHide) {
+      this.addTimer(this.#idCount - 1, props.delay);
+    }
+    return this.#idCount - 1;
+  };
+  /**
+   * Helper to remove a toast to the viewport.
+   * @param id Id of the toast to remove.
+   */
+  removeToast = (id) => {
+    this.#timers.delete(id);
+    this.#toasts.update((toasts) => toasts.filter((toast) => toast.id !== id));
+  };
+  /** Helper to update toasts when options change */
+  updateToasts = () => {
+    if (this.options().duration === 0) {
+      this.options().dismissible = true;
+    }
+  };
+  /** Helper to close all toasts at once */
+  closeAll = () => {
+    this.#toasts.set([]);
+    this.#timers.clear();
+  };
+}
+exports.Toaster = Toaster;
+exports.createToast = createToast;
+exports.defaultToasterProps = defaultToasterProps;
+exports.getToastDefaultConfig = getToastDefaultConfig;

package/toaster-_p1GTtHI.js

@@ -0,0 +1,188 @@
+import { computed, readable, writable } from "@amadeus-it-group/tansu";
+import { extendWidgetProps } from "./services/extendWidget.js";
+import { p as createAttributesDirective, d as directiveSubscribe } from "./dom-Bcg9ORcA.js";
+import { true$ } from "./utils/stores.js";
+import { b as typeNumberInRangeFactory, c as typeBoolean } from "./writables-e0tyaQpe.js";
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-DK0ADNTX.js";
+import { createWidgetFactory } from "./utils/widget.js";
+const toastDefaultConfig = {
+  autoHide: true,
+  delay: 5e3
+};
+const toastConfigValidator = {
+  autoHide: typeBoolean,
+  delay: typeNumberInRangeFactory(0, Infinity, { strict: true })
+};
+function getToastDefaultConfig() {
+  return { ...getCommonAlertDefaultConfig(), ...toastDefaultConfig };
+}
+const createToast = createWidgetFactory("toast", (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 {
+  #idCount = 0;
+  #toasts = writable([]);
+  /**
+   * Get the toasts value from the store
+   * @returns The array of toasts.
+   */
+  toasts = computed(
+    () => this.#toasts().sort((a, b) => b.id - a.id).slice(0, this.options().limit)
+  );
+  options = writable(defaultToasterProps);
+  #timers = /* @__PURE__ */ new Map();
+  /**
+   * Get the timers value from the store
+   * @returns The map of timers.
+   */
+  get timers() {
+    return new Map(this.#timers);
+  }
+  constructor(props) {
+    this.options.set({
+      ...defaultToasterProps,
+      ...props
+    });
+    this.options.subscribe(() => {
+      this.updateToasts();
+    });
+  }
+  /**
+   * Add timer for a toast
+   * @param id Id of the toast
+   * @param duration Duration of the timer, by default taken from options
+   */
+  addTimer = (id, duration = this.options().duration) => {
+    if (duration > 0) {
+      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
+   */
+  pauseTimer = (id) => {
+    if (this.#timers.has(id)) {
+      const timer = 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
+   */
+  resumeTimer = (id) => {
+    if (this.#timers.has(id)) {
+      const timer = 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.
+   */
+  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.
+   */
+  addToast = (props) => {
+    const autoHide = props.autoHide ?? this.options().duration > 0;
+    this.#toasts.update((toasts) => [...toasts, { id: this.#idCount++, props }]);
+    if (autoHide) {
+      this.addTimer(this.#idCount - 1, props.delay);
+    }
+    return this.#idCount - 1;
+  };
+  /**
+   * Helper to remove a toast to the viewport.
+   * @param id Id of the toast to remove.
+   */
+  removeToast = (id) => {
+    this.#timers.delete(id);
+    this.#toasts.update((toasts) => toasts.filter((toast) => toast.id !== id));
+  };
+  /** Helper to update toasts when options change */
+  updateToasts = () => {
+    if (this.options().duration === 0) {
+      this.options().dismissible = true;
+    }
+  };
+  /** Helper to close all toasts at once */
+  closeAll = () => {
+    this.#toasts.set([]);
+    this.#timers.clear();
+  };
+}
+export {
+  Toaster as T,
+  createToast as c,
+  defaultToasterProps as d,
+  getToastDefaultConfig as g
+};