@agnos-ui/core 0.1.1 → 0.3.0

package/slider-DsLvT87U.cjs

@@ -0,0 +1,535 @@
+"use strict";
+const tansu = require("@amadeus-it-group/tansu");
+const utils_directive = require("./directive-BTSEYLF3.cjs");
+const func = require("./func-Qd3cD9a3.cjs");
+const utils_stores = require("./utils/stores.cjs");
+const utils_writables = require("./writables-D46sFgGK.cjs");
+const services_resizeObserver = require("./services/resizeObserver.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[2] || 0)
+  );
+}
+const defaultSliderConfig = {
+  min: 0,
+  max: 100,
+  stepSize: 1,
+  readonly: false,
+  disabled: false,
+  vertical: false,
+  className: "",
+  ariaLabelHandle: (value) => "" + value,
+  ariaValueText: (value) => "" + value,
+  onValuesChange: func.noop,
+  values: [0],
+  showValueLabels: true,
+  showMinMaxLabels: true,
+  rtl: false
+};
+function getSliderDefaultConfig() {
+  return { ...defaultSliderConfig };
+}
+const configValidator = {
+  min: utils_writables.typeNumber,
+  max: utils_writables.typeNumber,
+  stepSize: utils_writables.typeNumberInRangeFactory(0, Infinity, { strict: true }),
+  readonly: utils_writables.typeBoolean,
+  disabled: utils_writables.typeBoolean,
+  vertical: utils_writables.typeBoolean,
+  ariaLabelHandle: utils_writables.typeFunction,
+  ariaValueText: utils_writables.typeFunction,
+  onValuesChange: utils_writables.typeFunction,
+  values: utils_writables.typeArray,
+  showValueLabels: utils_writables.typeBoolean,
+  showMinMaxLabels: utils_writables.typeBoolean,
+  rtl: utils_writables.typeBoolean
+};
+const computeCleanValue = (value, min, max, intStepSize, decimalPrecision) => {
+  const magnitude = Math.pow(10, decimalPrecision);
+  if (value >= max) {
+    return max;
+  } else if (value <= min) {
+    return min;
+  }
+  const indexMin = Math.floor((value - min) * magnitude / intStepSize);
+  return +(((value - min) * magnitude % intStepSize < intStepSize / 2 ? indexMin : indexMin + 1) * intStepSize / magnitude + min).toFixed(
+    decimalPrecision
+  );
+};
+const updateValue = (handleIndex, values$, stepSize, updateDirection) => {
+  values$.update((value) => {
+    value = [...value];
+    value[handleIndex] = value[handleIndex] + stepSize * updateDirection;
+    return value;
+  });
+};
+const getUpdateDirection = (vertical, rtl, keysVertical) => {
+  if (vertical && rtl) {
+    return keysVertical ? 1 : -1;
+  } else if (vertical && !rtl) {
+    return -1;
+  } else if (!vertical && rtl) {
+    return keysVertical ? -1 : 1;
+  } else if (!vertical && !rtl) {
+    return -1;
+  }
+  return 1;
+};
+const percent = (value) => value != null ? `${value}%` : "";
+function createSlider(config) {
+  const [
+    {
+      // dirty inputs that need adjustment:
+      min$: _dirtyMinimum$,
+      max$: _dirtyMaximum$,
+      stepSize$,
+      rtl$,
+      values$: _dirtyValues$,
+      ariaLabelHandle$,
+      ariaValueText$,
+      onValuesChange$,
+      showValueLabels$,
+      showMinMaxLabels$,
+      ...stateProps
+    },
+    patch
+  ] = utils_stores.writablesForProps(defaultSliderConfig, config, configValidator);
+  const { vertical$, disabled$, readonly$ } = stateProps;
+  let _prevCoordinate = -1;
+  const min$ = tansu.computed(() => {
+    const _dirtyMinimum = _dirtyMinimum$(), _dirtyMaximum = _dirtyMaximum$();
+    if (_dirtyMinimum === _dirtyMaximum) {
+      return defaultSliderConfig.min;
+    }
+    return Math.min(_dirtyMinimum, _dirtyMaximum);
+  });
+  const max$ = tansu.computed(() => {
+    const _dirtyMinimum = _dirtyMinimum$(), _dirtyMaximum = _dirtyMaximum$();
+    if (_dirtyMinimum === _dirtyMaximum) {
+      return defaultSliderConfig.max;
+    }
+    return Math.max(_dirtyMinimum, _dirtyMaximum);
+  });
+  const _decimalPrecision$ = tansu.computed(() => Math.max(getDecimalPrecision(stepSize$()), getDecimalPrecision(min$()), getDecimalPrecision(max$())));
+  const _intStepSize$ = tansu.computed(() => stepSize$() * Math.pow(10, _decimalPrecision$()));
+  const values$ = utils_stores.bindableProp(
+    _dirtyValues$,
+    onValuesChange$,
+    (dirtyValues) => {
+      const min = min$();
+      const max = max$();
+      const intStepSize = _intStepSize$();
+      const decimalPrecision = _decimalPrecision$();
+      return dirtyValues.map((dv) => computeCleanValue(dv, min, max, intStepSize, decimalPrecision));
+    },
+    utils_writables.typeArray.equal
+  );
+  const { directive: sliderDirective, element$: sliderDom$ } = utils_directive.createBrowserStoreDirective();
+  const { directive: minLabelDomDirective, element$: minLabelDom$ } = utils_directive.createBrowserStoreDirective();
+  const { directive: maxLabelDomDirective, element$: maxLabelDom$ } = utils_directive.createBrowserStoreDirective();
+  const { directive: resizeDirective, dimensions$ } = services_resizeObserver.createResizeObserver();
+  const updateSliderSize$ = tansu.writable({});
+  const sliderDomRect$ = tansu.computed(
+    () => {
+      var _a;
+      dimensions$();
+      updateSliderSize$();
+      return ((_a = sliderDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+    },
+    {
+      equal: Object.is
+    }
+  );
+  const minLabelDomRect$ = tansu.computed(
+    () => {
+      var _a;
+      dimensions$();
+      updateSliderSize$();
+      return ((_a = minLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+    },
+    {
+      equal: (a, b) => Object.is(a, b)
+    }
+  );
+  const maxLabelDomRect$ = tansu.computed(
+    () => {
+      var _a;
+      dimensions$();
+      updateSliderSize$();
+      return ((_a = maxLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+    },
+    {
+      equal: (a, b) => Object.is(a, b)
+    }
+  );
+  const sliderDomRectOffset$ = tansu.computed(() => vertical$() ? sliderDomRect$().top : sliderDomRect$().left);
+  const sliderDomRectSize$ = tansu.computed(() => vertical$() ? sliderDomRect$().height : sliderDomRect$().width);
+  const sortedValues$ = tansu.computed(() => [...values$()].sort((a, b) => a - b));
+  const _sortedHandlesValues$ = tansu.computed(() => {
+    return values$().map((val, index) => {
+      return { id: index, value: val };
+    }).sort((a, b) => a.value - b.value);
+  });
+  const sortedHandles$ = tansu.computed(() => {
+    const ariaLabelHandle = ariaLabelHandle$(), ariaValueText = ariaValueText$();
+    return _sortedHandlesValues$().map((sortedValue, index) => {
+      return {
+        ...sortedValue,
+        ariaLabel: ariaLabelHandle(sortedValue.value, index, sortedValue.id),
+        ariaValueText: ariaValueText(sortedValue.value, index, sortedValue.id)
+      };
+    });
+  });
+  const valuesPercent$ = tansu.computed(() => values$().map((val) => percentCompute(val)));
+  const sortedValuesPercent$ = tansu.computed(() => [...valuesPercent$()].sort((a, b) => a - b));
+  const minLabelWidth$ = tansu.computed(() => minLabelDomRect$().width / sliderDomRectSize$() * 100);
+  const maxLabelWidth$ = tansu.computed(() => maxLabelDomRect$().width / sliderDomRectSize$() * 100);
+  const minValueLabelDisplay$ = tansu.computed(() => {
+    if (!showMinMaxLabels$()) {
+      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 maxValueLabelDisplay$ = tansu.computed(() => {
+    if (!showMinMaxLabels$()) {
+      return false;
+    } 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 combinedLabelDisplay$ = tansu.computed(() => {
+    const values = values$();
+    return values.length == 2 && Math.abs(values[0] - values[1]) < 10;
+  });
+  const interactive$ = tansu.computed(() => !disabled$() && !readonly$());
+  const combinedLabelPositionLeft$ = tansu.computed(() => {
+    const sortedValuesPercent = sortedValuesPercent$();
+    const combinedPosition = (sortedValuesPercent[0] + sortedValuesPercent[1]) / 2;
+    return vertical$() || sortedValuesPercent.length != 2 ? 0 : rtl$() ? 100 - combinedPosition : combinedPosition;
+  });
+  const combinedLabelPositionTop$ = tansu.computed(() => {
+    const sortedValuesPercent = sortedValuesPercent$();
+    const combinedPosition = 100 - (sortedValuesPercent[0] + sortedValuesPercent[1]) / 2;
+    return vertical$() && sortedValuesPercent.length == 2 ? rtl$() ? 100 - combinedPosition : combinedPosition : 0;
+  });
+  const handleDisplayOptions$ = tansu.computed(() => {
+    const vertical = vertical$(), rtl = rtl$();
+    return valuesPercent$().map((vp, index) => {
+      return {
+        left: rtl ? vertical ? null : 100 - vp : vertical ? null : vp,
+        top: rtl ? vertical ? vp : null : vertical ? 100 - vp : null
+      };
+    });
+  });
+  const progressDisplayOptions$ = tansu.computed(() => {
+    const vertical = vertical$(), sortedValuesPercent = sortedValuesPercent$(), rtl = rtl$();
+    if (sortedValuesPercent.length === 1) {
+      return [
+        {
+          left: vertical ? null : rtl ? null : 0,
+          right: vertical ? null : rtl ? 0 : null,
+          bottom: vertical ? rtl ? null : 0 : null,
+          top: vertical ? rtl ? 0 : null : null,
+          width: vertical ? 100 : sortedValuesPercent[0],
+          height: vertical ? sortedValuesPercent[0] : 100
+        }
+      ];
+    } else {
+      return sortedValuesPercent.map((svp, index, array) => {
+        return {
+          left: vertical ? null : rtl ? null : svp,
+          right: vertical ? null : rtl ? array[index] : null,
+          bottom: vertical ? rtl ? null : svp : null,
+          top: vertical ? rtl ? array[index] : null : null,
+          width: vertical ? 100 : index === array.length - 1 ? svp : array[index + 1] - svp,
+          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100
+        };
+      }).slice(0, sortedValuesPercent.length - 1);
+    }
+  });
+  const percentCompute = (value) => {
+    const min = min$();
+    return (value - min) * 100 / (max$() - min);
+  };
+  const getClosestSliderHandle = (clickedPercent) => {
+    const values = values$();
+    if (values.length === 1) {
+      return 0;
+    }
+    const sortedValues = sortedValues$();
+    const closestBigger = sortedValues.find((sv) => sv > clickedPercent * 100);
+    const closestBiggerIndex = closestBigger ? sortedValues.indexOf(closestBigger) : sortedValues.length - 1;
+    const midPoint = sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2;
+    const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
+    return values.indexOf(closestValue);
+  };
+  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 derivedHandleIndex = handleNumber ?? getClosestSliderHandle(clickedPercent);
+      const newValue = clickedPercent * (max$() - min$()) + min$();
+      values$.update((dh) => {
+        dh = [...dh];
+        dh[derivedHandleIndex] = newValue;
+        return dh;
+      });
+    }
+  };
+  const horizontal$ = tansu.computed(() => !vertical$());
+  const containerDirective = utils_directive.createAttributesDirective(() => ({
+    attributes: {
+      "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
+      class: stateProps.className$
+    },
+    classNames: {
+      "au-slider": true,
+      "au-slider-vertical": vertical$,
+      "au-slider-horizontal": horizontal$,
+      disabled: disabled$
+    }
+  }));
+  const minLabelDirective = utils_directive.createAttributesDirective(() => ({
+    classNames: {
+      "au-slider-label-vertical": vertical$,
+      "au-slider-label-vertical-min": vertical$,
+      "au-slider-label": horizontal$,
+      "au-slider-label-min": horizontal$,
+      "au-slider-rtl": rtl$,
+      invisible: tansu.computed(() => !minValueLabelDisplay$())
+    }
+  }));
+  const maxLabelDirective = utils_directive.createAttributesDirective(() => ({
+    classNames: {
+      "au-slider-label-vertical": vertical$,
+      "au-slider-label-vertical-max": vertical$,
+      "au-slider-label": horizontal$,
+      "au-slider-label-max": horizontal$,
+      "au-slider-rtl": rtl$,
+      invisible: tansu.computed(() => !maxValueLabelDisplay$())
+    }
+  }));
+  const widget = {
+    ...utils_stores.stateStores({
+      min$,
+      max$,
+      stepSize$,
+      values$,
+      sortedValues$,
+      sortedHandles$,
+      minValueLabelDisplay$,
+      maxValueLabelDisplay$,
+      combinedLabelDisplay$,
+      interactive$,
+      combinedLabelPositionLeft$,
+      combinedLabelPositionTop$,
+      progressDisplayOptions$,
+      handleDisplayOptions$,
+      showValueLabels$,
+      showMinMaxLabels$,
+      rtl$,
+      ...stateProps
+    }),
+    patch,
+    api: {},
+    directives: {
+      sliderDirective: utils_directive.mergeDirectives(sliderDirective, resizeDirective, containerDirective),
+      progressDisplayDirective: utils_directive.createAttributesDirective((progressContext$) => ({
+        styles: {
+          left: tansu.computed(() => percent(progressContext$().option.left)),
+          right: tansu.computed(() => percent(progressContext$().option.right)),
+          top: tansu.computed(() => percent(progressContext$().option.top)),
+          bottom: tansu.computed(() => percent(progressContext$().option.bottom)),
+          width: tansu.computed(() => percent(progressContext$().option.width)),
+          height: tansu.computed(() => percent(progressContext$().option.height))
+        },
+        classNames: {
+          "au-slider-progress": true
+        }
+      })),
+      clickableAreaDirective: utils_directive.createAttributesDirective(() => ({
+        events: {
+          click: (event) => widget.actions.click(event)
+        },
+        classNames: {
+          "au-slider-clickable-area": horizontal$,
+          "au-slider-clickable-area-vertical": vertical$
+        }
+      })),
+      handleDirective: utils_directive.createAttributesDirective((handleContext$) => ({
+        events: {
+          keydown: (event) => widget.actions.keydown(event, handleContext$().item.id),
+          mousedown: (event) => widget.actions.mouseDown(event, handleContext$().item.id),
+          touchstart: (event) => widget.actions.touchStart(event, handleContext$().item.id)
+        },
+        attributes: {
+          role: "slider",
+          "aria-valuemin": min$,
+          "aria-valuemax": max$,
+          "aria-valuenow": tansu.computed(() => handleContext$().item.value),
+          "aria-valuetext": tansu.computed(() => handleContext$().item.ariaValueText),
+          "aria-label": tansu.computed(() => handleContext$().item.ariaLabel),
+          "aria-orientation": tansu.computed(() => vertical$() ? "vertical" : void 0),
+          "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
+          disabled: disabled$,
+          "aria-readonly": tansu.computed(() => readonly$() ? "true" : void 0)
+        },
+        styles: {
+          left: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].left)),
+          top: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].top))
+        },
+        classNames: {
+          "au-slider-handle": true,
+          "au-slider-handle-vertical": vertical$,
+          "au-slider-handle-horizontal": horizontal$
+        }
+      })),
+      minLabelDirective: utils_directive.mergeDirectives(minLabelDomDirective, minLabelDirective),
+      maxLabelDirective: utils_directive.mergeDirectives(maxLabelDomDirective, maxLabelDirective),
+      combinedHandleLabelDisplayDirective: utils_directive.createAttributesDirective(() => ({
+        classNames: {
+          "au-slider-label-vertical": vertical$,
+          "au-slider-label-vertical-now": vertical$,
+          "au-slider-label": horizontal$,
+          "au-slider-label-now": horizontal$
+        },
+        styles: {
+          left: tansu.computed(() => percent(combinedLabelPositionLeft$())),
+          top: tansu.computed(() => percent(combinedLabelPositionTop$()))
+        }
+      })),
+      handleLabelDisplayDirective: utils_directive.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: tansu.computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].left)),
+          top: tansu.computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top))
+        }
+      }))
+    },
+    actions: {
+      click(event) {
+        adjustCoordinate(vertical$() ? event.clientY : event.clientX);
+      },
+      keydown(event, handleIndex) {
+        const { key } = event;
+        const rtl = rtl$(), stepSize = stepSize$(), min = min$(), max = max$(), vertical = vertical$();
+        if (interactive$()) {
+          switch (key) {
+            case "ArrowDown":
+              updateValue(handleIndex, values$, stepSize, getUpdateDirection(vertical, rtl, true));
+              break;
+            case "ArrowLeft":
+              updateValue(handleIndex, values$, stepSize, getUpdateDirection(vertical, rtl, false));
+              break;
+            case "ArrowUp":
+              updateValue(handleIndex, values$, stepSize, -1 * getUpdateDirection(vertical, rtl, true));
+              break;
+            case "ArrowRight":
+              updateValue(handleIndex, values$, stepSize, -1 * getUpdateDirection(vertical, rtl, false));
+              break;
+            case "Home":
+              values$.update((value) => {
+                value = [...value];
+                value[handleIndex] = min;
+                return value;
+              });
+              break;
+            case "End":
+              values$.update((value) => {
+                value = [...value];
+                value[handleIndex] = max;
+                return value;
+              });
+              break;
+            case "PageUp":
+              break;
+            case "PageDown":
+              break;
+            default:
+              return;
+          }
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      },
+      mouseDown(event, handleId) {
+        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, handleId);
+          }
+        };
+        if (interactive$()) {
+          updateSliderSize$.set({});
+          currentTarget.focus();
+          document.addEventListener("mousemove", handleDrag);
+          document.addEventListener(
+            "mouseup",
+            () => {
+              document.removeEventListener("mousemove", handleDrag);
+            },
+            { once: true }
+          );
+        }
+      },
+      touchStart(event, handleId) {
+        event.preventDefault();
+        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, handleId);
+          }
+        };
+        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 }
+          );
+        }
+      }
+    }
+  };
+  return widget;
+}
+exports.createSlider = createSlider;
+exports.getSliderDefaultConfig = getSliderDefaultConfig;

package/toast-8tWp6x89.js

@@ -0,0 +1,63 @@
+import { computed } from "@amadeus-it-group/tansu";
+import { extendWidgetProps } from "./services/extendWidget.js";
+import { d as directiveSubscribe, n as createAttributesDirective } from "./directive-DCYlDznf.js";
+import { c as typeBoolean, b as typeNumberInRangeFactory } from "./writables-DoU_XYTX.js";
+import { g as getCommonAlertDefaultConfig, a as createCommonAlert } from "./common-DRdsw5m8.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: "alert",
+      "aria-atomic": "true",
+      class: computed(() => extendedAlert.stores.className$())
+    },
+    classNames: {
+      "au-toast": true,
+      toast: true
+    }
+  }));
+  const closeButtonDirective = createAttributesDirective(() => ({
+    attributes: {
+      type: "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-Aw8o0Iwe.cjs

@@ -0,0 +1,62 @@
+"use strict";
+const tansu = require("@amadeus-it-group/tansu");
+const services_extendWidget = require("./services/extendWidget.cjs");
+const utils_directive = require("./directive-BTSEYLF3.cjs");
+const utils_writables = require("./writables-D46sFgGK.cjs");
+const common = require("./common-nJRMXbwj.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: "alert",
+      "aria-atomic": "true",
+      class: tansu.computed(() => extendedAlert.stores.className$())
+    },
+    classNames: {
+      "au-toast": true,
+      toast: true
+    }
+  }));
+  const closeButtonDirective = utils_directive.createAttributesDirective(() => ({
+    attributes: {
+      type: "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;

package/types.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const toSlotContextWidget = (w) => ({
+  actions: w.actions,
+  api: w.api,
+  directives: w.directives,
+  state$: w.state$,
+  stores: w.stores
+});
+const INVALID_VALUE = Symbol();
+exports.INVALID_VALUE = INVALID_VALUE;
+exports.toSlotContextWidget = toSlotContextWidget;