@design-factory/core 21.1.0 → 22.0.0-next.0

package/services/intersection.cjs

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_func = require("../utils/func.cjs");
-const utils_stores = require("../utils/stores.cjs");
-const defaultValues = {
-  elements: [],
-  options: void 0
-};
-const createIntersection = (config) => {
-  const [{ elements$, options$ }, patch] = utils_stores.writablesForProps(defaultValues, config);
-  const visibleElements$ = tansu.derived(
-    [elements$, options$],
-    ([elements, options], set) => {
-      if (elements.length) {
-        const visibleElements = /* @__PURE__ */ new Map();
-        const observer = new IntersectionObserver((entries) => {
-          for (const entry of entries) {
-            const { target, isIntersecting } = entry;
-            if (isIntersecting) {
-              visibleElements.set(target, entry);
-            } else {
-              visibleElements.delete(target);
-            }
-          }
-          set(visibleElements);
-        }, options);
-        for (const element of elements) {
-          observer.observe(element);
-        }
-        return () => {
-          observer.disconnect();
-        };
-      }
-      return utils_func.noop;
-    },
-    /* @__PURE__ */ new Map()
-  );
-  return {
-    /**
-     * Readable of observed elements
-     */
-    elements$: tansu.asReadable(elements$),
-    /**
-     * Store of map that contains the visible elements (for the key) and the corresponding entries
-     *
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry | MDN documentation}
-     */
-    visibleElements$: tansu.asReadable(visibleElements$),
-    patch
-  };
-};
-exports.createIntersection = createIntersection;

package/services/matchMedia.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const esmEnv = require("esm-env");
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const utils_stores = require("../utils/stores.cjs");
-const createMatchMedia = (query) => esmEnv.BROWSER ? tansu.readable(false, {
-  onUse({ set }) {
-    const mql = window.matchMedia(query.trim());
-    set(mql.matches);
-    return utils_directive.addEvent(mql, "change", (val) => set(val.matches));
-  }
-}) : utils_stores.false$;
-exports.createMatchMedia = createMatchMedia;

package/services/navManager.cjs

@@ -1,166 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
-const textDirection = require("../textDirection-zqcZ5-eK.cjs");
-const compareDomOrder = (element1, element2) => {
-  if (element1 === element2) {
-    return 0;
-  }
-  const result = element1.compareDocumentPosition(element2);
-  if (result & Node.DOCUMENT_POSITION_FOLLOWING) {
-    return -1;
-  } else if (result & Node.DOCUMENT_POSITION_PRECEDING) {
-    return 1;
-  }
-  throw new Error("failed to compare elements");
-};
-const textInputTypes = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
-const isTextInput = (element) => element instanceof HTMLInputElement && textInputTypes.has(element.type);
-const getKeyName = (event) => {
-  let key = event.key;
-  if (event.shiftKey) {
-    key = `Shift+${key}`;
-  }
-  if (event.altKey) {
-    key = `Alt+${key}`;
-  }
-  if (event.ctrlKey) {
-    key = `Ctrl+${key}`;
-  }
-  if (event.metaKey) {
-    key = `Meta+${key}`;
-  }
-  return key;
-};
-const isInternalInputNavigation = (event) => {
-  const { target, key } = event;
-  if (isTextInput(target) && (key === "ArrowLeft" || key === "ArrowRight" || key === "Home" || key === "End")) {
-    let startPosition;
-    if (key === "ArrowLeft" || key === "ArrowRight") {
-      const direction = textDirection.getTextDirection(target);
-      startPosition = key === (direction === "ltr" ? "ArrowLeft" : "ArrowRight");
-    } else {
-      startPosition = key === "Home";
-    }
-    const cursorPosition = target.selectionStart === target.selectionEnd ? target.selectionStart : null;
-    if (startPosition && cursorPosition !== 0 || !startPosition && cursorPosition !== target.value.length) {
-      return true;
-    }
-  }
-  return false;
-};
-const defaultSelector = (directiveElement) => [directiveElement];
-const createNavManager = () => {
-  const directiveInstances$ = utils_directive.registrationArray();
-  const elementsRefresh$ = tansu.writable({});
-  const refreshElements = (now = true) => {
-    elementsRefresh$.set({});
-    if (now) {
-      commonAncestor$();
-      elementsInDomOrder$();
-    }
-  };
-  const elements$ = tansu.computed(() => {
-    elementsRefresh$();
-    const res = [];
-    for (const item of directiveInstances$()) {
-      res.push(...item());
-    }
-    return res;
-  });
-  const commonAncestor$ = tansu.computed(() => utils_directive.computeCommonAncestor(elements$()), { equal: Object.is });
-  const elementsInDomOrder$ = tansu.computed(() => [...elements$()].sort(compareDomOrder));
-  const ancestorDirection = () => {
-    const commonAncestor = commonAncestor$();
-    return commonAncestor ? textDirection.getTextDirection(commonAncestor) : "ltr";
-  };
-  const preventDefaultIfRelevant = (value, event) => {
-    if (value) {
-      event?.preventDefault();
-    }
-    return value;
-  };
-  const focusIndex = (index, moveDirection = 0) => {
-    const array = elementsInDomOrder$();
-    while (index >= 0 && index < array.length) {
-      const newItem = array[index];
-      if (isFocusable.isFocusable(newItem)) {
-        newItem.focus();
-        if (moveDirection != 0 && isTextInput(newItem)) {
-          const changeDirection = ancestorDirection() !== textDirection.getTextDirection(newItem);
-          const position = moveDirection > 0 !== changeDirection ? 0 : newItem.value.length;
-          newItem.setSelectionRange(position, position, position === 0 ? "forward" : "backward");
-        }
-        return newItem;
-      }
-      if (moveDirection === 0) {
-        break;
-      } else {
-        index += moveDirection;
-      }
-    }
-    return null;
-  };
-  const createFocusNeighbour = (moveDirection) => ({
-    event,
-    referenceElement = event?.target ?? document.activeElement
-  } = {}) => {
-    const curIndex = referenceElement ? elementsInDomOrder$().indexOf(referenceElement) : -1;
-    if (curIndex > -1) {
-      return preventDefaultIfRelevant(focusIndex(curIndex + moveDirection, moveDirection), event);
-    }
-    return null;
-  };
-  const directive = utils_directive.browserDirective((directiveElement, config) => {
-    const onKeyDown = (event) => {
-      if (isInternalInputNavigation(event)) {
-        return;
-      }
-      const keyName = getKeyName(event);
-      const handler = config.keys?.[keyName];
-      if (handler) {
-        refreshElements(false);
-        handler({ event, directiveElement, navManager, context: config.context });
-      }
-    };
-    directiveElement.addEventListener("keydown", onKeyDown);
-    const unregister = directiveInstances$.register(() => (config?.selector ?? defaultSelector)(directiveElement));
-    return {
-      update(newConfig) {
-        config = newConfig;
-      },
-      destroy() {
-        directiveElement.removeEventListener("keydown", onKeyDown);
-        unregister();
-      }
-    };
-  });
-  const focusPrevious = createFocusNeighbour(-1);
-  const focusNext = createFocusNeighbour(1);
-  const focusFirst = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(0, 1), event);
-  const focusLast = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(elementsInDomOrder$().length - 1, -1), event);
-  const focusLeft = (...args) => (ancestorDirection() === "rtl" ? focusNext : focusPrevious)(...args);
-  const focusRight = (...args) => (ancestorDirection() === "rtl" ? focusPrevious : focusNext)(...args);
-  const focusFirstLeft = (...args) => (ancestorDirection() === "rtl" ? focusLast : focusFirst)(...args);
-  const focusFirstRight = (...args) => (ancestorDirection() === "rtl" ? focusFirst : focusLast)(...args);
-  const navManager = {
-    elementsInDomOrder$,
-    directive,
-    focusIndex,
-    focusPrevious,
-    focusNext,
-    focusFirst,
-    focusFirstLeft,
-    focusFirstRight,
-    focusLast,
-    focusLeft,
-    focusRight,
-    refreshElements
-  };
-  return navManager;
-};
-exports.createNavManager = createNavManager;
-exports.getKeyName = getKeyName;
-exports.isInternalInputNavigation = isInternalInputNavigation;

package/services/pointerdownPosition.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const utils_func = require("../utils/func.cjs");
-const createPointerdownPositionDirective = (onStart) => utils_directive.browserDirective((element, arg) => {
-  let activePointerId = null;
-  let activeHandlers = null;
-  let removePointerMoveEvent = utils_func.noop;
-  let removePointerUpEvent = utils_func.noop;
-  let removePointerCancelEvent = utils_func.noop;
-  const onMove = (e) => {
-    if (e.pointerId === activePointerId) {
-      e.preventDefault();
-      activeHandlers?.onMove?.(e);
-    }
-  };
-  const endCurrent = (e) => {
-    removePointerMoveEvent();
-    removePointerUpEvent();
-    removePointerCancelEvent();
-    removePointerMoveEvent = utils_func.noop;
-    removePointerUpEvent = utils_func.noop;
-    removePointerCancelEvent = utils_func.noop;
-    const handlers = activeHandlers;
-    activeHandlers = null;
-    activePointerId = null;
-    handlers?.onEnd?.(e);
-  };
-  const onEnd = (e) => {
-    if (e.pointerId === activePointerId) {
-      e.preventDefault();
-      endCurrent(e);
-    }
-  };
-  const removePointerDownEvent = utils_directive.addEvent(element, "pointerdown", (e) => {
-    if (activeHandlers) {
-      endCurrent();
-    }
-    const pointerId = e.pointerId;
-    const startResult = onStart(e, arg);
-    if (startResult) {
-      e.preventDefault();
-      activePointerId = pointerId;
-      activeHandlers = startResult;
-      removePointerMoveEvent = utils_directive.addEvent(document, "pointermove", onMove);
-      removePointerUpEvent = utils_directive.addEvent(document, "pointerup", onEnd);
-      removePointerCancelEvent = utils_directive.addEvent(document, "pointercancel", onEnd);
-    }
-  });
-  return {
-    update(newArg) {
-      arg = newArg;
-    },
-    destroy() {
-      removePointerDownEvent();
-      endCurrent();
-    }
-  };
-});
-exports.createPointerdownPositionDirective = createPointerdownPositionDirective;

package/services/portal.cjs

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const portal = utils_directive.browserDirective(
-  (content, newArg) => {
-    let arg;
-    let replaceComment;
-    const removeReplaceComment = () => {
-      if (replaceComment) {
-        replaceComment.parentNode?.replaceChild(content, replaceComment);
-        replaceComment = null;
-      }
-    };
-    const update = (newArg2) => {
-      if (newArg2 !== arg && (newArg2?.container !== arg?.container || newArg2?.insertBefore !== arg?.insertBefore)) {
-        arg = newArg2;
-        const container = arg?.container ?? arg?.insertBefore?.parentElement;
-        if (container) {
-          const insertBefore = arg?.insertBefore ?? null;
-          const moveNeeded = content.parentElement !== container || content.nextSibling !== insertBefore;
-          if (moveNeeded) {
-            if (!replaceComment) {
-              replaceComment = content.parentNode?.insertBefore(content.ownerDocument.createComment("portal"), content);
-            }
-            container.insertBefore(content, insertBefore);
-          }
-        } else {
-          removeReplaceComment();
-        }
-      }
-    };
-    update(newArg);
-    return {
-      update,
-      destroy: () => {
-        removeReplaceComment();
-        content.parentNode?.removeChild(content);
-      }
-    };
-  }
-);
-exports.portal = portal;

package/services/resizeObserver.cjs

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const utils_func = require("../utils/func.cjs");
-const createResizeObserverMap = () => {
-  const { elements$, directive } = utils_directive.createBrowserStoreArrayDirective();
-  const dimensionsMap$ = tansu.derived(
-    elements$,
-    (elements, set) => {
-      const dimensionsMap = /* @__PURE__ */ new Map();
-      if (elements.length === 0) {
-        set(dimensionsMap);
-        return utils_func.noop;
-      }
-      const observer = new ResizeObserver((entries) => {
-        entries.forEach((entry) => dimensionsMap.set(entry.target, entry));
-        set(dimensionsMap);
-      });
-      elements.forEach((element) => observer.observe(element));
-      return () => observer.disconnect();
-    },
-    /* @__PURE__ */ new Map()
-  );
-  return { dimensionsMap$, directive };
-};
-const createResizeObserver = () => {
-  const { dimensionsMap$, directive: arrayDirective } = createResizeObserverMap();
-  let firstElement = null;
-  const directive = utils_directive.browserDirective((element) => {
-    if (firstElement === null) {
-      firstElement = element;
-    } else {
-      console.error(
-        "createResizeObserver directive can only be applied to a single element. Use createResizeObserverMap for multiple elements."
-      );
-      return;
-    }
-    const result = arrayDirective(element);
-    if (!result) return;
-    const originalDestroy = result.destroy;
-    return {
-      ...result,
-      destroy: () => {
-        firstElement = null;
-        originalDestroy?.();
-      }
-    };
-  });
-  const dimensions$ = tansu.derived(dimensionsMap$, (map) => firstElement ? map.get(firstElement) : void 0, void 0);
-  return { dimensions$, directive };
-};
-exports.createResizeObserver = createResizeObserver;
-exports.createResizeObserverMap = createResizeObserverMap;

package/services/siblingsInert.cjs

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const utils_func = require("../utils/func.cjs");
-const ignoreInertAttributeName = "data-agnos-ignore-inert";
-const applyInertToSiblingsRecursively = (element) => {
-  const inertValues = /* @__PURE__ */ new Map();
-  const recursiveHelper = (element2) => {
-    const parent = element2.parentElement;
-    if (parent && element2 !== document.body) {
-      Array.from(parent.children).forEach((sibling) => {
-        if (sibling !== element2 && sibling.nodeName !== "SCRIPT" && !sibling.hasAttribute(ignoreInertAttributeName)) {
-          inertValues.set(sibling, sibling.hasAttribute("inert"));
-          sibling.toggleAttribute("inert", true);
-        }
-      });
-      recursiveHelper(parent);
-    }
-  };
-  recursiveHelper(element);
-  return () => inertValues.forEach((value, element2) => {
-    element2.toggleAttribute("inert", value);
-  });
-};
-let internalRevert = utils_func.noop;
-const setSiblingsInert = (element) => {
-  internalRevert();
-  internalRevert = element ? applyInertToSiblingsRecursively(element) : utils_func.noop;
-};
-const { directive: storeArrayDirective, elements$ } = utils_directive.createConditionalBrowserStoreArrayDirective();
-const lastTrackedElement$ = tansu.computed(
-  () => {
-    const elements = elements$();
-    return elements[elements.length - 1];
-  },
-  { equal: Object.is }
-);
-const updateInertState$ = tansu.computed(() => setSiblingsInert(lastTrackedElement$()));
-const siblingsInert = utils_directive.mergeDirectives(
-  storeArrayDirective,
-  utils_directive.directiveSubscribe(updateInertState$)
-);
-exports.siblingsInert = siblingsInert;

package/services/transitions/baseTransitions.cjs

@@ -1,186 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("../../writables-Dt68gADJ.cjs");
-const promise = require("../../promise-CxCD3NYv.cjs");
-const utils_func = require("../../utils/func.cjs");
-const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../directive-DyTodNPd.cjs");
-const neverEndingPromise = new Promise(utils_func.noop);
-const noAnimation = (element, direction) => {
-  element.style.display = direction === "show" ? "" : "none";
-};
-const defaultValues = {
-  animated: true,
-  animatedOnInit: false,
-  initDone: null,
-  visible: true,
-  transition: noAnimation,
-  onShown: utils_func.noop,
-  onHidden: utils_func.noop,
-  onVisibleChange: utils_func.noop
-};
-const configValidator = {
-  animated: utils_writables.typeBoolean,
-  animatedOnInit: utils_writables.typeBoolean,
-  visible: utils_writables.typeBoolean,
-  transition: utils_writables.typeFunction,
-  onShown: utils_writables.typeFunction,
-  onHidden: utils_writables.typeFunction,
-  onVisibleChange: utils_writables.typeFunction,
-  initDone: utils_writables.typeBooleanOrNull
-};
-const createTransition = (config) => {
-  const [
-    {
-      animated$,
-      initDone$,
-      visible$: requestedVisible$,
-      transition$,
-      onShown$,
-      onHidden$,
-      onVisibleChange$,
-      animatedOnInit$
-    },
-    patch
-  ] = utils_stores.writablesForProps(defaultValues, config, configValidator);
-  const { element$, directive: storeDirective } = utils_directive.createStoreDirective();
-  const elementPresent$ = tansu.computed(() => !!element$());
-  const visible$ = utils_stores.bindableDerived(onVisibleChange$, [requestedVisible$], ([visible]) => visible);
-  const currentTransition$ = tansu.writable(
-    null
-  );
-  const stop = () => {
-    let context;
-    currentTransition$.update((currentTransition) => {
-      currentTransition?.abort.abort();
-      context = currentTransition?.context;
-      return null;
-    });
-    return context;
-  };
-  const runTransition = (visible, animated, element, transitionFn) => tansu.batch(() => {
-    const abort = new AbortController();
-    const signal = abort.signal;
-    const context = stop() ?? {};
-    const { promise: promise$1, resolve } = promise.promiseWithResolve();
-    const currentTransition = {
-      abort,
-      animated,
-      visible,
-      context,
-      element,
-      transitionFn,
-      promise: promise$1
-    };
-    currentTransition$.set(currentTransition);
-    resolve(
-      (async () => {
-        try {
-          await transitionFn(element, visible ? "show" : "hide", animated, signal, context);
-        } finally {
-          if (signal.aborted) {
-            await neverEndingPromise;
-          } else {
-            currentTransition$.set(null);
-            (visible ? onShown$ : onHidden$)()?.();
-          }
-        }
-      })()
-    );
-    return currentTransition;
-  });
-  const effectiveAnimation$ = tansu.computed(() => initDone$() ? animated$() : animatedOnInit$());
-  const animationFromToggle$ = tansu.writable(null);
-  let previousElement;
-  let previousVisible = requestedVisible$();
-  let pendingTransition = null;
-  const visibleAction$ = tansu.derived(
-    [visible$, element$, effectiveAnimation$, animationFromToggle$, transition$, currentTransition$],
-    ([visible, element, animated, animationFromToggle, transition, currentTransition]) => {
-      const elementChanged = previousElement !== element;
-      previousElement = element;
-      const visibleChanged = previousVisible !== visible;
-      previousVisible = visible;
-      if (element) {
-        if (initDone$() == null) {
-          initDone$.set(true);
-        }
-        const interruptAnimation = animationFromToggle != null && currentTransition && currentTransition.animated != animationFromToggle;
-        if (elementChanged || visibleChanged || interruptAnimation) {
-          if (visibleChanged || animationFromToggle != null) {
-            pendingTransition = null;
-          }
-          const animate = animationFromToggle ?? pendingTransition?.animated ?? (elementChanged && !visible ? false : animated);
-          currentTransition = runTransition(visible, animate, element, transition);
-          pendingTransition?.resolve(currentTransition.promise);
-          pendingTransition = null;
-        }
-      } else {
-        if (elementChanged) {
-          stop();
-          currentTransition = null;
-        }
-        if (visibleChanged || visible && pendingTransition?.animated !== animationFromToggle) {
-          pendingTransition = visible && animationFromToggle != null ? {
-            // toggle was called to display the element, but the element is not yet in the DOM
-            // let's keep the animation setting from toggle and provide the promise for the end of toggle
-            animated: animationFromToggle,
-            ...promise.promiseWithResolve()
-          } : null;
-        }
-      }
-      return pendingTransition?.promise ?? currentTransition?.promise;
-    }
-  );
-  let lastToggle = {};
-  const toggle = async (visible = !requestedVisible$(), animated = effectiveAnimation$()) => {
-    const currentToggle = {};
-    lastToggle = currentToggle;
-    try {
-      await tansu.batch(() => {
-        try {
-          animationFromToggle$.set(animated);
-          requestedVisible$.set(visible);
-          return visibleAction$();
-        } finally {
-          animationFromToggle$.set(null);
-        }
-      });
-    } finally {
-      if (lastToggle !== currentToggle) {
-        await neverEndingPromise;
-      }
-    }
-  };
-  const transitioning$ = tansu.computed(() => {
-    if (elementPresent$()) {
-      void visibleAction$();
-    }
-    return !!currentTransition$();
-  });
-  const shown$ = tansu.computed(() => !transitioning$() && visible$() && elementPresent$());
-  const hidden$ = tansu.computed(() => !transitioning$() && !visible$());
-  const directive = utils_directive.mergeDirectives(storeDirective, utils_directive.directiveSubscribe(visibleAction$));
-  return {
-    ...utils_stores.stateStores({
-      visible$,
-      element$,
-      elementPresent$,
-      transitioning$,
-      shown$,
-      hidden$
-    }),
-    patch,
-    directives: {
-      directive
-    },
-    api: {
-      show: toggle.bind(null, true),
-      hide: toggle.bind(null, false),
-      toggle
-    }
-  };
-};
-exports.createTransition = createTransition;
-exports.noAnimation = noAnimation;

package/services/transitions/collapse.cjs

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../directive-DyTodNPd.cjs");
-const services_transitions_cssTransitions = require("./cssTransitions.cjs");
-const createCollapseTransition = ({
-  dimension = "height",
-  showClasses,
-  hideClasses,
-  animationPendingClasses
-} = {}) => services_transitions_cssTransitions.createCSSTransition((element, direction, animated, context) => {
-  if (animated && utils_directive.isBrowserHTMLElement(element)) {
-    let { maxSize, minSize } = context;
-    utils_directive.removeClasses(element, animationPendingClasses);
-    utils_directive.removeClasses(element, hideClasses);
-    utils_directive.addClasses(element, showClasses);
-    maxSize = element.getBoundingClientRect()[dimension] + "px";
-    context.maxSize = maxSize;
-    utils_directive.removeClasses(element, animationPendingClasses);
-    utils_directive.removeClasses(element, showClasses);
-    utils_directive.addClasses(element, hideClasses);
-    minSize = element.getBoundingClientRect()[dimension] + "px";
-    context.minSize = minSize;
-    utils_directive.removeClasses(element, showClasses);
-    utils_directive.removeClasses(element, hideClasses);
-    const values = direction === "show" ? [minSize, maxSize] : [maxSize, minSize];
-    element.style[dimension] = values[0];
-    utils_directive.reflow(element);
-    utils_directive.addClasses(element, animationPendingClasses);
-    utils_directive.reflow(element);
-    element.style[dimension] = values[1];
-  } else {
-    utils_directive.removeClasses(element, direction === "show" ? hideClasses : showClasses);
-  }
-  return () => {
-    utils_directive.removeClasses(element, animationPendingClasses);
-    utils_directive.addClasses(element, direction === "show" ? showClasses : hideClasses);
-    element.style[dimension] = "";
-  };
-});
-exports.createCollapseTransition = createCollapseTransition;