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

package/utils/writables.js

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

package/{writables-DcGT98a7.cjs → writables-Dt68gADJ.cjs}

@@ -57,6 +57,9 @@ const typeString = {
 const typeStringOrNull = {
   normalizeValue: testToNormalizeValue(allowNull(isString))
 };
+const typeNumberOrNull = {
+  normalizeValue: testToNormalizeValue(allowNull(isNumber))
+};
 const typeFunction = {
   normalizeValue: testToNormalizeValue(isFunction),
   equal: Object.is
@@ -94,5 +97,6 @@ exports.typeFunction = typeFunction;
 exports.typeHTMLElementOrNull = typeHTMLElementOrNull;
 exports.typeNumber = typeNumber;
 exports.typeNumberInRangeFactory = typeNumberInRangeFactory;
+exports.typeNumberOrNull = typeNumberOrNull;
 exports.typeString = typeString;
 exports.typeStringOrNull = typeStringOrNull;

package/{writables-e0tyaQpe.js → writables-Is1bF1Vt.js}

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

package/drawer-D5SO73ew.js

@@ -1,251 +0,0 @@
-import { computed, asWritable, writable, readable } from "@amadeus-it-group/tansu";
-import { portal } from "./services/portal.js";
-import { siblingsInert } from "./services/siblingsInert.js";
-import { createTransition } from "./services/transitions/baseTransitions.js";
-import { a as bindDirective, n as mergeDirectives, p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
-import { noop } from "./utils/func.js";
-import { r as removeScrollbars, a as revertScrollbars } from "./scrollbars-CcxSrnCx.js";
-import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
-import { createWidgetFactory } from "./utils/widget.js";
-import { c as typeBoolean, g as typeFunction, b as typeNumberInRangeFactory, h as typeHTMLElementOrNull, e as typeString } from "./writables-e0tyaQpe.js";
-import { focusElement } from "./services/focusElement.js";
-function getDrawerDefaultConfig() {
-  return {
-    ...defaultDrawerConfig
-  };
-}
-const defaultDrawerConfig = {
-  animated: true,
-  ariaDescribedBy: "",
-  ariaLabelledBy: "",
-  backdropClass: "",
-  backdropTransition: noop,
-  className: "w-full",
-  visible: false,
-  container: typeof window !== "undefined" ? document.body : null,
-  transition: noop,
-  verticalTransition: noop,
-  onHidden: noop,
-  onShown: noop,
-  width: 200,
-  height: 200,
-  onWidthChange: noop,
-  onHeightChange: noop,
-  onVisibleChange: noop,
-  resizable: false,
-  backdrop: true,
-  bodyScroll: false
-};
-const configValidator = {
-  animated: typeBoolean,
-  ariaDescribedBy: typeString,
-  ariaLabelledBy: typeString,
-  backdropClass: typeString,
-  backdropTransition: typeFunction,
-  className: typeString,
-  visible: typeBoolean,
-  transition: typeFunction,
-  verticalTransition: typeFunction,
-  container: typeHTMLElementOrNull,
-  onHidden: typeFunction,
-  onShown: typeFunction,
-  width: typeNumberInRangeFactory(0, Infinity),
-  height: typeNumberInRangeFactory(0, Infinity),
-  onWidthChange: typeFunction,
-  onHeightChange: typeFunction,
-  onVisibleChange: typeFunction,
-  resizable: typeBoolean,
-  backdrop: typeBoolean,
-  bodyScroll: typeBoolean
-};
-const createDrawer = createWidgetFactory("drawer", (config) => {
-  const [
-    {
-      backdrop$,
-      backdropTransition$,
-      backdropClass$,
-      bodyScroll$,
-      transition$,
-      verticalTransition$,
-      visible$: requestedVisible$,
-      container$,
-      className$,
-      animated$,
-      ariaDescribedBy$,
-      ariaLabelledBy$,
-      onHidden$,
-      onShown$,
-      width$: _dirtyWidth$,
-      height$: _dirtyHeight$,
-      onWidthChange$,
-      onHeightChange$,
-      onVisibleChange$,
-      ...stateProps
-    },
-    patch
-  ] = writablesForProps(defaultDrawerConfig, config, configValidator);
-  const isVertical = computed(() => {
-    const isVertical2 = ["block-start", "block-end"].some((placement) => className$().includes(placement));
-    return isVertical2;
-  });
-  const transition = createTransition({
-    props: {
-      animated: animated$,
-      animatedOnInit: animated$,
-      transition: asWritable(computed(() => isVertical() ? verticalTransition$() : transition$())),
-      visible: requestedVisible$,
-      onVisibleChange: onVisibleChange$,
-      onHidden: onHidden$,
-      onShown: onShown$
-    }
-  });
-  const width$ = bindableProp(_dirtyWidth$, onWidthChange$);
-  const height$ = bindableProp(_dirtyHeight$, onHeightChange$);
-  const drawerPortalDirective = bindDirective(
-    portal,
-    computed(() => ({ container: container$() }))
-  );
-  const drawerAttributeDirective = createAttributesDirective(() => ({
-    attributes: {
-      class: className$,
-      role: readable("dialog"),
-      "aria-describedby": ariaDescribedBy$,
-      "aria-labelledby": ariaLabelledBy$,
-      "aria-modal": readable("true"),
-      tabIndex: readable("-1")
-    },
-    styles: {
-      width: computed(() => isVertical() ? "100%" : `${width$()}px`),
-      height: computed(() => isVertical() ? `${height$()}px` : "100%"),
-      position: computed(() => container$() !== document.body && container$() !== null ? "relative" : "fixed"),
-      outline: readable("none")
-    },
-    events: {
-      keydown: async (e) => {
-        const { key } = e;
-        if (key === "Escape") {
-          await transition.api.hide();
-        }
-      }
-    }
-  }));
-  const containerDirective = createAttributesDirective(() => ({
-    styles: {
-      width: computed(() => isVertical() ? "100%" : `${width$()}px`),
-      height: computed(() => isVertical() ? `${height$()}px` : "100%")
-    }
-  }));
-  const backdropTransition = createTransition({
-    props: {
-      animated: animated$,
-      transition: backdropTransition$
-    }
-  });
-  const backdropPortalDirective = bindDirective(
-    portal,
-    computed(() => {
-      const container = container$();
-      const element = container ? transition.stores.element$() : void 0;
-      return {
-        container,
-        insertBefore: element?.parentElement === container ? element : void 0
-      };
-    })
-  );
-  const backdropHidden$ = computed(() => {
-    if (!bodyScroll$()) {
-      if (hidden$()) {
-        revertScrollbars();
-      } else {
-        removeScrollbars();
-      }
-    }
-    return !backdrop$() || hidden$();
-  });
-  const backdropAttributeDirective = createAttributesDirective(() => ({
-    attributes: {
-      class: backdropClass$,
-      "data-agnos-ignore-inert": true$
-    },
-    events: {
-      click: async () => {
-        await transition.api.hide();
-      }
-    }
-  }));
-  const direction = computed(() => ["inline-start", "block-start"].some((placement) => className$().includes(placement)) ? 1 : -1);
-  const startDimension = writable(0);
-  const startPos = writable(0);
-  const dimension = writable(0);
-  const splitterDirective = createAttributesDirective(() => ({
-    attributes: {
-      draggable: readable("true")
-    },
-    events: {
-      dragstart: (e) => {
-        startPos.set(isVertical() ? e.clientY : e.clientX);
-        startDimension.set(isVertical() ? height$() : width$());
-        e.dataTransfer?.setDragImage(new Image(), 0, 0);
-      },
-      dragend: (e) => {
-        document.body.style.cursor = "";
-        updateDimension(e);
-      },
-      dragover: (event) => {
-        event.preventDefault();
-      },
-      drag: (e) => {
-        updateDimension(e);
-      }
-    }
-  }));
-  const updateDimension = (e) => {
-    if (!isVertical() && e.clientX > 0) {
-      dimension.set(startDimension() + direction() * (e.clientX - startPos()));
-      width$.set(dimension());
-    } else if (isVertical() && e.clientY > 0) {
-      dimension.set(startDimension() + direction() * (e.clientY - startPos()));
-      height$.set(dimension());
-    }
-  };
-  const visible$ = transition.stores.visible$;
-  const transitioning$ = computed(() => transition.stores.transitioning$() || backdropTransition.stores.transitioning$());
-  const hidden$ = computed(() => !transitioning$() && !visible$());
-  const widget = {
-    ...stateStores({
-      ...stateProps,
-      backdropClass$,
-      className$,
-      container$,
-      visible$,
-      backdropHidden$,
-      hidden$
-    }),
-    patch,
-    api: {
-      open: transition.api.show,
-      close: transition.api.hide
-    },
-    directives: {
-      containerDirective,
-      drawerPortalDirective,
-      drawerDirective: mergeDirectives(
-        transition.directives.directive,
-        bindDirective(
-          siblingsInert,
-          computed(() => !bodyScroll$())
-        ),
-        drawerAttributeDirective,
-        focusElement
-      ),
-      backdropPortalDirective,
-      backdropDirective: mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),
-      splitterDirective
-    }
-  };
-  return widget;
-});
-export {
-  createDrawer as c,
-  getDrawerDefaultConfig as g
-};