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

package/{slider-Cs69pziL.js → slider-BF6a0eh_.js}

@@ -1,8 +1,8 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective, k as mergeDirectives, n as createAttributesDirective } from "./dom-gfxqXJpK.js";
+import { j as createBrowserStoreDirective, g as createBrowserStoreArrayDirective, k as mergeDirectives, n as createAttributesDirective, b as browserDirective } from "./dom-gfxqXJpK.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
-import { h as typeArray, e as typeString, c as typeBoolean, b as typeNumberInRangeFactory, f as typeFunction, a as typeNumber } from "./writables-DCiBdIBK.js";
+import { i as typeArray, e as typeString, c as typeBoolean, b as typeNumberInRangeFactory, g as typeFunction, a as typeNumber } from "./writables-CgpOQ4hA.js";
 import { createResizeObserver } from "./services/resizeObserver.js";
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
@@ -114,6 +114,7 @@ function createSlider(config) {
   ] = writablesForProps(defaultSliderConfig, config, configValidator);
   const { vertical$, disabled$, readonly$ } = stateProps;
   let _prevCoordinate = -1;
+  const _handleElements = /* @__PURE__ */ new Map();
   const min$ = computed(() => {
     const _dirtyMinimum = _dirtyMinimum$(), _dirtyMaximum = _dirtyMaximum$();
     if (_dirtyMinimum === _dirtyMaximum) {
@@ -145,8 +146,20 @@ function createSlider(config) {
   const { directive: sliderDirective, element$: sliderDom$ } = createBrowserStoreDirective();
   const { directive: minLabelDomDirective, element$: minLabelDom$ } = createBrowserStoreDirective();
   const { directive: maxLabelDomDirective, element$: maxLabelDom$ } = createBrowserStoreDirective();
+  const { directive: combinedLabelDomDirective, element$: combinedLabelDom$ } = createBrowserStoreDirective();
+  const { directive: handleLabelDirective, elements$: currentLabelDoms$ } = createBrowserStoreArrayDirective();
   const { directive: resizeDirective, dimensions$ } = createResizeObserver();
   const updateSliderSize$ = writable({});
+  const currentLabelDomsRect$ = computed(
+    () => {
+      dimensions$();
+      updateSliderSize$();
+      return currentLabelDoms$().map((element) => element.getBoundingClientRect());
+    },
+    {
+      equal: Object.is
+    }
+  );
   const sliderDomRect$ = computed(
     () => {
       var _a;
@@ -201,17 +214,43 @@ function createSlider(config) {
   });
   const valuesPercent$ = computed(() => values$().map((val) => percentCompute(val)));
   const sortedValuesPercent$ = computed(() => [...valuesPercent$()].sort((a, b) => a - b));
-  const minLabelWidth$ = computed(() => minLabelDomRect$().width / sliderDomRectSize$() * 100);
-  const maxLabelWidth$ = computed(() => maxLabelDomRect$().width / sliderDomRectSize$() * 100);
+  const minLabelSize$ = computed(() => {
+    const minLabelDomRect = minLabelDomRect$();
+    return pixelToPercent(vertical$() ? minLabelDomRect.height : minLabelDomRect.width);
+  });
+  const maxLabelSize$ = computed(() => {
+    const maxLabelDomRect = maxLabelDomRect$();
+    return pixelToPercent(vertical$() ? maxLabelDomRect.height : maxLabelDomRect.width);
+  });
   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);
+    }
+  );
+  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 minValueLabelDisplay$ = computed(() => {
     if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
       return false;
     } else if (!showValueLabels$()) {
       return true;
     }
-    const minLabelWidth = minLabelWidth$();
-    return rtl$() ? !valuesPercent$().some((percent2) => 100 - percent2 > 100 - minLabelWidth - 1) : !valuesPercent$().some((percent2) => percent2 < minLabelWidth + 1);
+    const minLabelSize = minLabelSize$();
+    const vertical = vertical$();
+    const rtl = rtl$();
+    if (combinedLabelDisplay$()) {
+      const combinedLabelSize = combinedLabelSize$();
+      const combinedLabelPosition = combinedLabelPosition$();
+      return rtl && !vertical || vertical && !rtl ? combinedLabelPosition + combinedLabelSize / 2 < 100 - minLabelSize - 1 : combinedLabelPosition - combinedLabelSize / 2 > minLabelSize + 1;
+    }
+    const sortedValuesPercent = sortedValuesPercent$();
+    return rtl ? sortedValuesPercent[0] - currentLabelSizeByIndex(sortedValuesPercent.length - 1) / 2 > minLabelSize + 1 : sortedValuesPercent[0] - currentLabelSizeByIndex(0) / 2 > minLabelSize + 1;
   });
   const maxValueLabelDisplay$ = computed(() => {
     if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
@@ -219,12 +258,29 @@ function createSlider(config) {
     } else if (!showValueLabels$()) {
       return true;
     }
-    const maxLabelWidth = maxLabelWidth$();
-    return rtl$() ? !valuesPercent$().some((percent2) => 100 - percent2 < maxLabelWidth + 1) : !valuesPercent$().some((percent2) => percent2 > 100 - maxLabelWidth - 1);
+    const maxLabelSize = maxLabelSize$();
+    const vertical = vertical$();
+    const rtl = rtl$();
+    if (combinedLabelDisplay$()) {
+      const combinedLabelSize = combinedLabelSize$();
+      const combinedLabelPosition = combinedLabelPosition$();
+      return rtl && !vertical || vertical && !rtl ? combinedLabelPosition - combinedLabelSize / 2 > maxLabelSize + 1 : combinedLabelPosition + combinedLabelSize / 2 < 100 - maxLabelSize - 1;
+    }
+    const sortedValuesPercent = sortedValuesPercent$();
+    return rtl ? 100 - sortedValuesPercent[sortedValuesPercent.length - 1] - currentLabelSizeByIndex(0) / 2 > maxLabelSize + 1 : sortedValuesPercent[sortedValuesPercent.length - 1] + currentLabelSizeByIndex(sortedValuesPercent.length - 1) / 2 < 100 - maxLabelSize - 1;
   });
+  const storedLabelSize$ = writable([]);
   const combinedLabelDisplay$ = computed(() => {
-    const values = values$();
-    return values.length == 2 && Math.abs(values[0] - values[1]) * 100 / (max$() - min$()) < 10;
+    const values = sortedValuesPercent$();
+    if (currentLabelDomsRect$().length === values.length) {
+      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 biggestLabelSize = Math.max(firstLabelSize, secondLabelSize);
+    const intersectionLimit = biggestLabelSize !== 50 ? biggestLabelSize * 2 + 2 : 15;
+    return values.length == 2 && values[1] - secondLabelSize - values[0] + firstLabelSize < intersectionLimit;
   });
   const interactive$ = computed(() => !disabled$() && !readonly$());
   const combinedLabelPositionLeft$ = computed(() => {
@@ -331,11 +387,15 @@ function createSlider(config) {
     const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
     return values.indexOf(closestValue);
   };
+  const getClickedPercent = (clickedCoordinate) => {
+    const sliderDomRectSize = sliderDomRectSize$(), sliderDomRectOffset = sliderDomRectOffset$();
+    let clickedPercent = vertical$() ? (sliderDomRectSize - clickedCoordinate + sliderDomRectOffset) / sliderDomRectSize : (clickedCoordinate - sliderDomRectOffset) / sliderDomRectSize;
+    clickedPercent = rtl$() ? 1 - clickedPercent : clickedPercent;
+    return clickedPercent;
+  };
   const adjustCoordinate = (clickedCoordinate, handleNumber) => {
     if (interactive$()) {
-      const sliderDomRectSize = sliderDomRectSize$(), sliderDomRectOffset = sliderDomRectOffset$();
-      let clickedPercent = vertical$() ? (sliderDomRectSize - clickedCoordinate + sliderDomRectOffset) / sliderDomRectSize : (clickedCoordinate - sliderDomRectOffset) / sliderDomRectSize;
-      clickedPercent = rtl$() ? 1 - clickedPercent : clickedPercent;
+      const clickedPercent = getClickedPercent(clickedCoordinate);
       const derivedHandleIndex = handleNumber ?? getClosestSliderHandle(clickedPercent);
       const newValue = clickedPercent * (max$() - min$()) + min$();
       values$.update((dh) => {
@@ -384,6 +444,77 @@ function createSlider(config) {
       "aria-hidden": readable("true")
     }
   }));
+  const handleElementDirective = browserDirective((handleItem, args) => {
+    const destroy = () => {
+      _handleElements.delete(args.item.id);
+    };
+    const update = (args2) => {
+      _handleElements.set(args2.item.id, handleItem);
+    };
+    update(args);
+    return {
+      update,
+      destroy
+    };
+  });
+  const mouseDown = (event, handleId) => {
+    event.preventDefault();
+    const currentTarget = handleId !== void 0 ? _handleElements.get(handleId) : event.target;
+    const handleDrag = (e) => {
+      e.preventDefault();
+      const newCoord = vertical$() ? e.clientY : e.clientX;
+      currentTarget == null ? void 0 : currentTarget.focus();
+      if (_prevCoordinate !== newCoord) {
+        _prevCoordinate = newCoord;
+        adjustCoordinate(newCoord, handleId);
+      }
+    };
+    if (interactive$()) {
+      updateSliderSize$.set({});
+      currentTarget == null ? void 0 : currentTarget.focus();
+      document.addEventListener("mousemove", handleDrag);
+      document.addEventListener(
+        "mouseup",
+        () => {
+          document.removeEventListener("mousemove", handleDrag);
+        },
+        { once: true }
+      );
+    }
+  };
+  const touchStart = (event, handleId) => {
+    const currentTarget = handleId !== void 0 ? _handleElements.get(handleId) : event.target;
+    const handleDrag = (e) => {
+      e.preventDefault();
+      const newCoord = vertical$() ? e.touches[0].clientY : e.touches[0].clientX;
+      currentTarget == null ? void 0 : currentTarget.focus();
+      if (_prevCoordinate !== newCoord) {
+        _prevCoordinate = newCoord;
+        adjustCoordinate(newCoord, handleId);
+      }
+    };
+    if (interactive$()) {
+      updateSliderSize$.set({});
+      currentTarget == null ? void 0 : currentTarget.focus();
+      document.addEventListener("touchmove", handleDrag, { passive: false });
+      document.addEventListener(
+        "touchend",
+        () => {
+          document.removeEventListener("touchmove", handleDrag);
+          document.removeEventListener("touchcancel", handleDrag);
+        },
+        { once: true }
+      );
+      document.addEventListener(
+        "touchcancel",
+        () => {
+          document.removeEventListener("touchmove", handleDrag);
+          document.removeEventListener("touchend", handleDrag);
+        },
+        { once: true }
+      );
+    }
+  };
   const handleEventsDirective = createAttributesDirective((handleContext$) => ({
     events: {
       keydown: (event) => {
@@ -429,61 +560,13 @@ function createSlider(config) {
         }
       },
       mousedown: (event) => {
-        event.preventDefault();
-        const currentTarget = event.target;
-        const handleDrag = (e) => {
-          e.preventDefault();
-          const newCoord = vertical$() ? e.clientY : e.clientX;
-          currentTarget.focus();
-          if (_prevCoordinate !== newCoord) {
-            _prevCoordinate = newCoord;
-            adjustCoordinate(newCoord, handleContext$().item.id);
-          }
-        };
-        if (interactive$()) {
-          updateSliderSize$.set({});
-          currentTarget.focus();
-          document.addEventListener("mousemove", handleDrag);
-          document.addEventListener(
-            "mouseup",
-            () => {
-              document.removeEventListener("mousemove", handleDrag);
-            },
-            { once: true }
-          );
+        if (event.button !== 0) {
+          return;
         }
+        mouseDown(event, handleContext$().item.id);
       },
       touchstart: (event) => {
-        const handleDrag = (e) => {
-          e.preventDefault();
-          const newCoord = vertical$() ? e.touches[0].clientY : e.touches[0].clientX;
-          event.target.focus();
-          if (_prevCoordinate !== newCoord) {
-            _prevCoordinate = newCoord;
-            adjustCoordinate(newCoord, handleContext$().item.id);
-          }
-        };
-        if (interactive$()) {
-          updateSliderSize$.set({});
-          event.target.focus();
-          document.addEventListener("touchmove", handleDrag, { passive: false });
-          document.addEventListener(
-            "touchend",
-            () => {
-              document.removeEventListener("touchmove", handleDrag);
-              document.removeEventListener("touchcancel", handleDrag);
-            },
-            { once: true }
-          );
-          document.addEventListener(
-            "touchcancel",
-            () => {
-              document.removeEventListener("touchmove", handleDrag);
-              document.removeEventListener("touchend", handleDrag);
-            },
-            { once: true }
-          );
-        }
+        touchStart(event, handleContext$().item.id);
       }
     }
   }));
@@ -529,8 +612,20 @@ function createSlider(config) {
       })),
       clickableAreaDirective: createAttributesDirective(() => ({
         events: {
-          click: (event) => {
-            adjustCoordinate(vertical$() ? event.clientY : event.clientX);
+          mousedown: (event) => {
+            if (event.button !== 0) {
+              return;
+            }
+            const clickedCoordinate = vertical$() ? event.clientY : event.clientX;
+            const closestHandle = getClosestSliderHandle(getClickedPercent(clickedCoordinate));
+            adjustCoordinate(clickedCoordinate, closestHandle);
+            mouseDown(event, closestHandle);
+          },
+          touchstart: (event) => {
+            const clickedCoordinate = vertical$() ? event.touches[0].clientY : event.touches[0].clientX;
+            const closestHandle = getClosestSliderHandle(getClickedPercent(clickedCoordinate));
+            adjustCoordinate(clickedCoordinate, closestHandle);
+            touchStart(event, closestHandle);
           }
         },
         classNames: {
@@ -541,6 +636,7 @@ function createSlider(config) {
       })),
       handleEventsDirective,
       handleDirective: mergeDirectives(
+        handleElementDirective,
         handleEventsDirective,
         createAttributesDirective((handleContext$) => ({
           attributes: {
@@ -569,36 +665,42 @@ function createSlider(config) {
       ),
       minLabelDirective: mergeDirectives(minLabelDomDirective, minLabelDirective),
       maxLabelDirective: mergeDirectives(maxLabelDomDirective, maxLabelDirective),
-      combinedHandleLabelDisplayDirective: createAttributesDirective(() => ({
-        classNames: {
-          "au-slider-label-vertical": vertical$,
-          "au-slider-label-vertical-now": vertical$,
-          "au-slider-label": horizontal$,
-          "au-slider-label-now": horizontal$
-        },
-        styles: {
-          left: computed(() => percent(combinedLabelPositionLeft$())),
-          top: computed(() => percent(combinedLabelPositionTop$()))
-        },
-        attributes: {
-          "aria-hidden": readable("true")
-        }
-      })),
-      handleLabelDisplayDirective: createAttributesDirective((labelDisplayContext$) => ({
-        classNames: {
-          "au-slider-label-vertical": vertical$,
-          "au-slider-label-vertical-now": vertical$,
-          "au-slider-label": horizontal$,
-          "au-slider-label-now": horizontal$
-        },
-        styles: {
-          left: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].left)),
-          top: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top))
-        },
-        attributes: {
-          "aria-hidden": readable("true")
-        }
-      })),
+      combinedHandleLabelDisplayDirective: mergeDirectives(
+        combinedLabelDomDirective,
+        createAttributesDirective(() => ({
+          classNames: {
+            "au-slider-label-vertical": vertical$,
+            "au-slider-label-vertical-now": vertical$,
+            "au-slider-label": horizontal$,
+            "au-slider-label-now": horizontal$
+          },
+          styles: {
+            left: computed(() => percent(combinedLabelPositionLeft$())),
+            top: computed(() => percent(combinedLabelPositionTop$()))
+          },
+          attributes: {
+            "aria-hidden": readable("true")
+          }
+        }))
+      ),
+      handleLabelDisplayDirective: mergeDirectives(
+        handleLabelDirective,
+        createAttributesDirective((labelDisplayContext$) => ({
+          classNames: {
+            "au-slider-label-vertical": vertical$,
+            "au-slider-label-vertical-now": vertical$,
+            "au-slider-label": horizontal$,
+            "au-slider-label-now": horizontal$
+          },
+          styles: {
+            left: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].left)),
+            top: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top))
+          },
+          attributes: {
+            "aria-hidden": readable("true")
+          }
+        }))
+      ),
       tickDirective: createAttributesDirective((tickContext$) => ({
         classNames: {
           "au-slider-tick": true$,
@@ -621,7 +723,8 @@ function createSlider(config) {
       tickLabelDirective: createAttributesDirective((tickContext$) => ({
         classNames: {
           "au-slider-tick-label": true$,
-          "au-slider-tick-label-vertical": vertical$
+          "au-slider-tick-label-vertical": vertical$,
+          "au-slider-tick-label-now": computed(() => sortedValues$().some((sv) => sv === tickContext$().tick.value))
         },
         styles: {
           left: computed(() => vertical$() ? null : percent(tickContext$().tick.position)),

package/toaster-B2ibv38T.cjs

@@ -0,0 +1,208 @@
+"use strict";
+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;
+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-Bn3uhKEG.cjs");
+const common = require("./common-BToNPUDq.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
+    }
+  };
+}
+const defaultToasterProps = {
+  duration: 5e3,
+  position: "bottomRight",
+  dismissible: false
+};
+class Toaster {
+  constructor(props) {
+    __privateAdd(this, _idCount, 0);
+    __privateAdd(this, _toasts, tansu.writable([]));
+    /**
+     * Get the toasts value from the store
+     * @returns The array of toasts.
+     */
+    __publicField(this, "toasts", tansu.computed(
+      () => __privateGet(this, _toasts).call(this).sort((a, b) => b.id - a.id).slice(0, this.options().limit)
+    ));
+    __publicField(this, "options", tansu.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", 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.
+     */
+    __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();
+exports.Toaster = Toaster;
+exports.createToast = createToast;
+exports.defaultToasterProps = defaultToasterProps;
+exports.getToastDefaultConfig = getToastDefaultConfig;