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

package/drawer-Ca_ktkEs.cjs

@@ -1,328 +0,0 @@
-"use strict";
-const tansu = require("@amadeus-it-group/tansu");
-const services_focusElement = require("./services/focusElement.cjs");
-const services_pointerdownPosition = require("./services/pointerdownPosition.cjs");
-const services_portal = require("./services/portal.cjs");
-const services_siblingsInert = require("./services/siblingsInert.cjs");
-const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
-const utils_directive = require("./directive-DyTodNPd.cjs");
-const utils_func = require("./utils/func.cjs");
-const scrollbars = require("./scrollbars-f651ntzz.cjs");
-const utils_stores = require("./utils/stores.cjs");
-const utils_widget = require("./utils/widget.cjs");
-const utils_writables = require("./writables-Dt68gADJ.cjs");
-const textDirection = require("./textDirection-zqcZ5-eK.cjs");
-function getDrawerDefaultConfig() {
-  return {
-    ...defaultDrawerConfig
-  };
-}
-const defaultDrawerConfig = {
-  animated: true,
-  ariaDescribedBy: "",
-  ariaLabelledBy: "",
-  backdropClass: "",
-  backdropTransition: utils_func.noop,
-  className: "",
-  visible: false,
-  container: typeof window !== "undefined" ? document.body : null,
-  transition: utils_func.noop,
-  verticalTransition: utils_func.noop,
-  onHidden: utils_func.noop,
-  onShown: utils_func.noop,
-  onSizeChange: utils_func.noop,
-  onVisibleChange: utils_func.noop,
-  onMinimizedChange: utils_func.noop,
-  onMaximizedChange: utils_func.noop,
-  onResizingChange: utils_func.noop,
-  resizable: false,
-  backdrop: true,
-  bodyScroll: false,
-  size: null,
-  focusOnInit: true,
-  configuration: "overlay",
-  position: "inline-start"
-};
-const configValidator = {
-  animated: utils_writables.typeBoolean,
-  ariaDescribedBy: utils_writables.typeString,
-  ariaLabelledBy: utils_writables.typeString,
-  backdropClass: utils_writables.typeString,
-  backdropTransition: utils_writables.typeFunction,
-  className: utils_writables.typeString,
-  visible: utils_writables.typeBoolean,
-  transition: utils_writables.typeFunction,
-  verticalTransition: utils_writables.typeFunction,
-  container: utils_writables.typeHTMLElementOrNull,
-  onHidden: utils_writables.typeFunction,
-  onShown: utils_writables.typeFunction,
-  onSizeChange: utils_writables.typeFunction,
-  onVisibleChange: utils_writables.typeFunction,
-  onMinimizedChange: utils_writables.typeFunction,
-  onMaximizedChange: utils_writables.typeFunction,
-  onResizingChange: utils_writables.typeFunction,
-  resizable: utils_writables.typeBoolean,
-  backdrop: utils_writables.typeBoolean,
-  bodyScroll: utils_writables.typeBoolean,
-  size: utils_writables.typeNumberOrNull,
-  focusOnInit: utils_writables.typeBoolean,
-  configuration: utils_writables.createTypeEnum(["inline", "overlay"]),
-  position: utils_writables.createTypeEnum(["inline-start", "inline-end", "block-start", "block-end"])
-};
-const createDrawer = utils_widget.createWidgetFactory(
-  "drawer",
-  (config) => {
-    const [
-      {
-        backdrop$: _backdrop$,
-        backdropTransition$,
-        backdropClass$,
-        bodyScroll$: _bodyScroll$,
-        transition$,
-        verticalTransition$,
-        visible$: requestedVisible$,
-        container$: _container$,
-        className$,
-        size$: _dirtySize$,
-        animated$,
-        ariaDescribedBy$,
-        ariaLabelledBy$,
-        onHidden$,
-        onShown$,
-        onSizeChange$,
-        onVisibleChange$,
-        onMinimizedChange$,
-        onMaximizedChange$,
-        onResizingChange$,
-        focusOnInit$,
-        configuration$,
-        position$,
-        ...stateProps
-      },
-      patch
-    ] = utils_stores.writablesForProps(defaultDrawerConfig, config, configValidator);
-    const inline$ = tansu.computed(() => configuration$() === "inline");
-    const backdrop$ = tansu.computed(() => inline$() ? false : _backdrop$());
-    const bodyScroll$ = tansu.computed(() => inline$() ? true : _bodyScroll$());
-    const container$ = tansu.computed(() => inline$() ? null : _container$());
-    const size$ = utils_stores.bindableProp(_dirtySize$, onSizeChange$, (value) => value ? Math.round(value) : value);
-    const isVertical$ = tansu.computed(() => {
-      const position = position$();
-      return position === "block-start" || position === "block-end";
-    });
-    const combinedClass$ = tansu.computed(() => `df-${position$()} ${className$()}`);
-    const transition = services_transitions_baseTransitions.createTransition({
-      props: {
-        animated: animated$,
-        animatedOnInit: animated$,
-        transition: tansu.asWritable(tansu.computed(() => isVertical$() ? verticalTransition$() : transition$())),
-        visible: requestedVisible$,
-        onVisibleChange: onVisibleChange$,
-        onHidden: onHidden$,
-        onShown: onShown$
-      }
-    });
-    const drawerPortalDirective = utils_directive.bindDirective(
-      services_portal.portal,
-      tansu.computed(() => ({ container: container$() }))
-    );
-    const { directive: drawerElementDirective, element$: drawerElement$ } = utils_directive.createBrowserStoreDirective();
-    const drawerAttributeDirective = utils_directive.mergeDirectives(
-      drawerElementDirective,
-      utils_directive.createAttributesDirective(() => ({
-        attributes: {
-          class: combinedClass$,
-          role: tansu.computed(() => inline$() ? "complementary" : "dialog"),
-          "aria-describedby": tansu.computed(() => ariaDescribedBy$() || void 0),
-          "aria-labelledby": tansu.computed(() => ariaLabelledBy$() || void 0),
-          "aria-modal": tansu.computed(() => inline$() ? void 0 : "true"),
-          tabIndex: tansu.readable("-1")
-        },
-        styles: {
-          position: tansu.computed(() => {
-            if (inline$()) {
-              return "relative";
-            }
-            const container = container$();
-            return container && utils_directive.isBrowserHTMLElement(container) && container !== document.body ? "relative" : "fixed";
-          }),
-          outline: tansu.readable("none")
-        },
-        events: {
-          keydown: (e) => {
-            if (e.key === "Escape") {
-              void transition.api.hide();
-            }
-          }
-        }
-      }))
-    );
-    const backdropTransition = services_transitions_baseTransitions.createTransition({
-      props: {
-        animated: animated$,
-        transition: backdropTransition$
-      }
-    });
-    const backdropPortalDirective = utils_directive.bindDirective(
-      services_portal.portal,
-      tansu.computed(() => {
-        const container = container$();
-        const element = container ? transition.stores.element$() : void 0;
-        return {
-          container,
-          insertBefore: element?.parentElement === container ? element : void 0
-        };
-      })
-    );
-    const backdropHidden$ = tansu.computed(() => {
-      if (!bodyScroll$()) {
-        if (hidden$()) {
-          scrollbars.revertScrollbars();
-        } else {
-          scrollbars.removeScrollbars();
-        }
-      }
-      return !backdrop$() || hidden$();
-    });
-    const backdropAttributeDirective = utils_directive.createAttributesDirective(() => ({
-      attributes: {
-        class: backdropClass$,
-        "data-agnos-ignore-inert": utils_stores.true$
-      },
-      events: {
-        click: () => void transition.api.hide()
-      }
-    }));
-    const direction$ = tansu.computed(() => {
-      const position = position$();
-      return position === "inline-start" || position === "block-start" ? 1 : -1;
-    });
-    const isMinimized$ = tansu.writable(void 0);
-    const isMaximized$ = tansu.writable(void 0);
-    function setSize(size) {
-      const drawerElement = drawerElement$();
-      const isVertical = isVertical$();
-      size = Math.round(Math.max(0, size));
-      drawerElement.style[isVertical ? "height" : "width"] = `${size}px`;
-      const elementSize = Math.round(drawerElement[isVertical ? "offsetHeight" : "offsetWidth"]);
-      size$.set(elementSize);
-      isMinimized$.set(size != null && (size < elementSize || size === 0));
-      isMaximized$.set(!!size && size > elementSize);
-      return elementSize;
-    }
-    const splitterDirective = utils_directive.mergeDirectives(
-      services_pointerdownPosition.createPointerdownPositionDirective((event) => {
-        const drawerElement = drawerElement$();
-        const isVertical = isVertical$();
-        const documentDirection = textDirection.getTextDirection(drawerElement) === "ltr" ? 1 : -1;
-        const directionFactor = isVertical ? 1 : documentDirection;
-        const startSize = drawerElement[isVertical ? "offsetHeight" : "offsetWidth"];
-        const clientXorY = isVertical ? "clientY" : "clientX";
-        const startPos = event[clientXorY];
-        const direction = direction$();
-        let isResizing = false;
-        return {
-          onMove(event2) {
-            setSize(startSize + directionFactor * direction * (event2[clientXorY] - startPos));
-            if (!isResizing) {
-              isResizing = true;
-              onResizingChange$()(true);
-            }
-          },
-          onEnd() {
-            drawerElement.style[isVertical ? "height" : "width"] = "";
-            if (isResizing) {
-              onResizingChange$()(false);
-              isResizing = false;
-            }
-          }
-        };
-      }),
-      utils_directive.createAttributesDirective(() => ({
-        events: {
-          keydown: (e) => {
-            const { key } = e;
-            const size = size$() || drawerElement$()?.[isVertical$() ? "offsetHeight" : "offsetWidth"];
-            if (size != null) {
-              switch (key) {
-                case "ArrowLeft":
-                case "ArrowDown":
-                  onResizingChange$()(true);
-                  setSize(size - 10);
-                  onResizingChange$()(false);
-                  break;
-                case "ArrowRight":
-                case "ArrowUp":
-                  onResizingChange$()(true);
-                  setSize(size + 10);
-                  onResizingChange$()(false);
-                  break;
-              }
-            }
-          }
-        }
-      }))
-    );
-    const visible$ = transition.stores.visible$;
-    const transitioning$ = tansu.computed(
-      () => transition.stores.transitioning$() || backdropTransition.stores.transitioning$()
-    );
-    const hidden$ = tansu.computed(() => !transitioning$() && !visible$());
-    const minSizeAction$ = tansu.computed(() => {
-      const isMinimized = isMinimized$();
-      if (isMinimized != null) {
-        tansu.untrack(() => onMinimizedChange$()(isMinimized));
-      }
-    });
-    const maxSizeAction$ = tansu.computed(() => {
-      const isMaximized = isMaximized$();
-      if (isMaximized != null) {
-        tansu.untrack(() => onMaximizedChange$()(isMaximized));
-      }
-    });
-    const action$ = tansu.computed(() => {
-      minSizeAction$();
-      maxSizeAction$();
-    });
-    const widget = {
-      ...utils_stores.stateStores({
-        ...stateProps,
-        backdropClass$,
-        className$,
-        position$,
-        container$,
-        size$,
-        visible$,
-        backdropHidden$,
-        hidden$,
-        isVertical$,
-        configuration$
-      }),
-      patch,
-      api: {
-        open: transition.api.show,
-        close: transition.api.hide
-      },
-      directives: {
-        drawerPortalDirective,
-        drawerDirective: utils_directive.mergeDirectives(
-          utils_directive.directiveSubscribe(action$),
-          drawerAttributeDirective,
-          utils_directive.bindDirective(
-            services_siblingsInert.siblingsInert,
-            tansu.computed(() => !bodyScroll$())
-          ),
-          // This directive must come after the attribute directive, to ensure that all the classes and attributes are applied for the transition
-          transition.directives.directive,
-          utils_directive.conditionalDirective(services_focusElement.focusElement, focusOnInit$)
-        ),
-        backdropPortalDirective,
-        backdropDirective: utils_directive.mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),
-        splitterDirective
-      }
-    };
-    return widget;
-  }
-);
-exports.createDrawer = createDrawer;
-exports.getDrawerDefaultConfig = getDrawerDefaultConfig;

package/index.cjs

@@ -1,134 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const types = require("./types.cjs");
-const accordion = require("./accordion-B0vs8JWM.cjs");
-const alert = require("./alert-AhaliJ17.cjs");
-const collapse = require("./collapse-BnWw4Hnc.cjs");
-const modal = require("./modal-Dxdw2Pkv.cjs");
-const pagination = require("./pagination-BLVa1UsZ.cjs");
-const progressbar = require("./progressbar-RopgvVeA.cjs");
-const rating = require("./rating-DZ3OQgtt.cjs");
-const slider = require("./slider-pgDq1V5r.cjs");
-const toaster = require("./toaster-Dlube4Ya.cjs");
-const tree = require("./tree-Chcy4ulJ.cjs");
-const drawer = require("./drawer-Ca_ktkEs.cjs");
-const config = require("./config.cjs");
-const services_extendWidget = require("./services/extendWidget.cjs");
-const services_floatingUI = require("./services/floatingUI.cjs");
-const services_focustrack = require("./services/focustrack.cjs");
-const services_intersection = require("./services/intersection.cjs");
-const services_matchMedia = require("./services/matchMedia.cjs");
-const services_navManager = require("./services/navManager.cjs");
-const services_portal = require("./services/portal.cjs");
-const services_resizeObserver = require("./services/resizeObserver.cjs");
-const services_siblingsInert = require("./services/siblingsInert.cjs");
-const services_hash = require("./services/hash.cjs");
-const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
-const services_transitions_cssTransitions = require("./services/transitions/cssTransitions.cjs");
-const services_transitions_simpleClassTransition = require("./services/transitions/simpleClassTransition.cjs");
-const utils_directive = require("./directive-DyTodNPd.cjs");
-const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Dt68gADJ.cjs");
-exports.FACTORY_WIDGET_NAME = types.FACTORY_WIDGET_NAME;
-exports.INVALID_VALUE = types.INVALID_VALUE;
-exports.createAccordion = accordion.createAccordion;
-exports.createAccordionItem = accordion.createAccordionItem;
-exports.factoryCreateAccordion = accordion.factoryCreateAccordion;
-exports.getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;
-exports.createAlert = alert.createAlert;
-exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;
-exports.createCollapse = collapse.createCollapse;
-exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;
-exports.createModal = modal.createModal;
-exports.getModalDefaultConfig = modal.getModalDefaultConfig;
-exports.modalCloseButtonClick = modal.modalCloseButtonClick;
-exports.modalCloseEscape = modal.modalCloseEscape;
-exports.modalOutsideClick = modal.modalOutsideClick;
-exports.createPagination = pagination.createPagination;
-exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;
-exports.createProgressbar = progressbar.createProgressbar;
-exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
-exports.createRating = rating.createRating;
-exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;
-exports.createSlider = slider.createSlider;
-exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;
-exports.Toaster = toaster.Toaster;
-exports.createToast = toaster.createToast;
-exports.defaultToasterProps = toaster.defaultToasterProps;
-exports.getToastDefaultConfig = toaster.getToastDefaultConfig;
-exports.createTree = tree.createTree;
-exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;
-exports.createDrawer = drawer.createDrawer;
-exports.getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;
-exports.createWidgetsConfig = config.createWidgetsConfig;
-exports.mergeInto = config.mergeInto;
-exports.extendWidgetProps = services_extendWidget.extendWidgetProps;
-exports.createFloatingUI = services_floatingUI.createFloatingUI;
-exports.activeElement$ = services_focustrack.activeElement$;
-exports.createHasFocus = services_focustrack.createHasFocus;
-exports.createIntersection = services_intersection.createIntersection;
-exports.createMatchMedia = services_matchMedia.createMatchMedia;
-exports.createNavManager = services_navManager.createNavManager;
-exports.getKeyName = services_navManager.getKeyName;
-exports.isInternalInputNavigation = services_navManager.isInternalInputNavigation;
-exports.portal = services_portal.portal;
-exports.createResizeObserver = services_resizeObserver.createResizeObserver;
-exports.createResizeObserverMap = services_resizeObserver.createResizeObserverMap;
-exports.siblingsInert = services_siblingsInert.siblingsInert;
-exports.hash$ = services_hash.hash$;
-exports.createTransition = services_transitions_baseTransitions.createTransition;
-exports.noAnimation = services_transitions_baseTransitions.noAnimation;
-exports.createCSSTransition = services_transitions_cssTransitions.createCSSTransition;
-exports.getTransitionDurationMs = services_transitions_cssTransitions.getTransitionDurationMs;
-exports.hasTransition = services_transitions_cssTransitions.hasTransition;
-exports.createSimpleClassTransition = services_transitions_simpleClassTransition.createSimpleClassTransition;
-exports.attributesData = utils_directive.attributesData;
-exports.bindDirective = utils_directive.bindDirective;
-exports.bindDirectiveNoArg = utils_directive.bindDirectiveNoArg;
-exports.browserDirective = utils_directive.browserDirective;
-exports.classDirective = utils_directive.classDirective;
-exports.conditionalDirective = utils_directive.conditionalDirective;
-exports.createAttributesDirective = utils_directive.createAttributesDirective;
-exports.createBrowserStoreArrayDirective = utils_directive.createBrowserStoreArrayDirective;
-exports.createBrowserStoreDirective = utils_directive.createBrowserStoreDirective;
-exports.createConditionalBrowserStoreArrayDirective = utils_directive.createConditionalBrowserStoreArrayDirective;
-exports.createConditionalStoreArrayDirective = utils_directive.createConditionalStoreArrayDirective;
-exports.createStoreArrayDirective = utils_directive.createStoreArrayDirective;
-exports.createStoreDirective = utils_directive.createStoreDirective;
-exports.directiveAttributes = utils_directive.directiveAttributes;
-exports.directiveSubscribe = utils_directive.directiveSubscribe;
-exports.directiveUpdate = utils_directive.directiveUpdate;
-exports.isBrowserHTMLElement = utils_directive.isBrowserHTMLElement;
-exports.mapDirectiveArg = utils_directive.mapDirectiveArg;
-exports.mergeDirectives = utils_directive.mergeDirectives;
-exports.multiDirective = utils_directive.multiDirective;
-exports.registrationArray = utils_directive.registrationArray;
-exports.ssrAttributes = utils_directive.ssrAttributes;
-exports.bindableDerived = utils_stores.bindableDerived;
-exports.bindableProp = utils_stores.bindableProp;
-exports.createPatch = utils_stores.createPatch;
-exports.false$ = utils_stores.false$;
-exports.findChangedProperties = utils_stores.findChangedProperties;
-exports.idWithDefault = utils_stores.idWithDefault;
-exports.isStore = utils_stores.isStore;
-exports.mergeConfigStores = utils_stores.mergeConfigStores;
-exports.normalizeConfigStores = utils_stores.normalizeConfigStores;
-exports.stateStores = utils_stores.stateStores;
-exports.toReadableStore = utils_stores.toReadableStore;
-exports.toWritableStore = utils_stores.toWritableStore;
-exports.true$ = utils_stores.true$;
-exports.writableWithDefault = utils_stores.writableWithDefault;
-exports.writablesForProps = utils_stores.writablesForProps;
-exports.writablesWithDefault = utils_stores.writablesWithDefault;
-exports.createTypeEnum = utils_writables.createTypeEnum;
-exports.testToNormalizeValue = utils_writables.testToNormalizeValue;
-exports.typeArray = utils_writables.typeArray;
-exports.typeBoolean = utils_writables.typeBoolean;
-exports.typeBooleanOrNull = utils_writables.typeBooleanOrNull;
-exports.typeFunction = utils_writables.typeFunction;
-exports.typeHTMLElementOrNull = utils_writables.typeHTMLElementOrNull;
-exports.typeNumber = utils_writables.typeNumber;
-exports.typeNumberInRangeFactory = utils_writables.typeNumberInRangeFactory;
-exports.typeNumberOrNull = utils_writables.typeNumberOrNull;
-exports.typeString = utils_writables.typeString;
-exports.typeStringOrNull = utils_writables.typeStringOrNull;

package/isFocusable-Ckwus82R.js

@@ -1,32 +0,0 @@
-const isInertOrInvisible = (element) => {
-  let curElement = element;
-  while (curElement) {
-    const style = getComputedStyle(curElement);
-    if (curElement.inert || curElement.hidden || style.display === "none" || style.visibility === "hidden") {
-      return true;
-    }
-    curElement = curElement.parentElement;
-  }
-  return false;
-};
-const checkNotDisabled = (element) => {
-  if (element.disabled) {
-    return false;
-  }
-  const parentFieldset = element.parentElement?.closest("fieldset");
-  return parentFieldset ? checkNotDisabled(parentFieldset) : true;
-};
-const isFocusableOtherTags = (element) => element.isContentEditable || !!element.hasAttribute("tabindex");
-const isFocusableByTagName = {
-  INPUT: (element) => element.type !== "hidden" && checkNotDisabled(element),
-  SELECT: checkNotDisabled,
-  TEXTAREA: checkNotDisabled,
-  BUTTON: checkNotDisabled,
-  A: (element) => !!element.href || isFocusableOtherTags(element)
-};
-const isFocusable = (element) => {
-  return document.contains(element) && !isInertOrInvisible(element) && (isFocusableByTagName[element.tagName] ?? isFocusableOtherTags)(element);
-};
-export {
-  isFocusable as i
-};

package/isFocusable-DfzDLeAN.cjs

@@ -1,31 +0,0 @@
-"use strict";
-const isInertOrInvisible = (element) => {
-  let curElement = element;
-  while (curElement) {
-    const style = getComputedStyle(curElement);
-    if (curElement.inert || curElement.hidden || style.display === "none" || style.visibility === "hidden") {
-      return true;
-    }
-    curElement = curElement.parentElement;
-  }
-  return false;
-};
-const checkNotDisabled = (element) => {
-  if (element.disabled) {
-    return false;
-  }
-  const parentFieldset = element.parentElement?.closest("fieldset");
-  return parentFieldset ? checkNotDisabled(parentFieldset) : true;
-};
-const isFocusableOtherTags = (element) => element.isContentEditable || !!element.hasAttribute("tabindex");
-const isFocusableByTagName = {
-  INPUT: (element) => element.type !== "hidden" && checkNotDisabled(element),
-  SELECT: checkNotDisabled,
-  TEXTAREA: checkNotDisabled,
-  BUTTON: checkNotDisabled,
-  A: (element) => !!element.href || isFocusableOtherTags(element)
-};
-const isFocusable = (element) => {
-  return document.contains(element) && !isInertOrInvisible(element) && (isFocusableByTagName[element.tagName] ?? isFocusableOtherTags)(element);
-};
-exports.isFocusable = isFocusable;