@design-factory/core 21.1.0-next.1

package/index.cjs

@@ -0,0 +1,134 @@
+"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-DWv0VqiG.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-C8ojtwIn.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/index.d.ts

@@ -0,0 +1,29 @@
+export * from './types';
+export * from './components/accordion';
+export * from './components/alert';
+export * from './components/collapse';
+export * from './components/modal';
+export * from './components/pagination';
+export * from './components/progressbar';
+export * from './components/rating';
+export * from './components/slider';
+export * from './components/toast';
+export * from './components/tree';
+export * from './components/drawer';
+export * from './config';
+export * from './services/extendWidget';
+export * from './services/floatingUI';
+export * from './services/focustrack';
+export * from './services/intersection';
+export * from './services/matchMedia';
+export * from './services/navManager';
+export * from './services/portal';
+export * from './services/resizeObserver';
+export * from './services/siblingsInert';
+export * from './services/hash';
+export * from './services/transitions/baseTransitions';
+export * from './services/transitions/cssTransitions';
+export * from './services/transitions/simpleClassTransition';
+export * from './utils/directive';
+export * from './utils/stores';
+export * from './utils/writables';

package/index.js

@@ -0,0 +1,134 @@
+import { FACTORY_WIDGET_NAME, INVALID_VALUE } from "./types.js";
+import { c, a, f, g } from "./accordion-D9ba0XYq.js";
+import { c as c2, g as g2 } from "./alert-Cb9FhbFQ.js";
+import { c as c3, g as g3 } from "./collapse-Bn8iHKrd.js";
+import { c as c4, g as g4, m, a as a2, b } from "./modal-C13G13jV.js";
+import { c as c5, g as g5 } from "./pagination-BQWusWXN.js";
+import { c as c6, g as g6 } from "./progressbar-S1pNn5rM.js";
+import { c as c7, g as g7 } from "./rating-DWgGgwk3.js";
+import { c as c8, g as g8 } from "./slider-Br_Qiopx.js";
+import { T, c as c9, d, g as g9 } from "./toaster-BUBzFeJM.js";
+import { c as c10, g as g10 } from "./tree-vD7ZkV8Z.js";
+import { c as c11, g as g11 } from "./drawer-BIIfJa0F.js";
+import { createWidgetsConfig, mergeInto } from "./config.js";
+import { extendWidgetProps } from "./services/extendWidget.js";
+import { createFloatingUI } from "./services/floatingUI.js";
+import { activeElement$, createHasFocus } from "./services/focustrack.js";
+import { createIntersection } from "./services/intersection.js";
+import { createMatchMedia } from "./services/matchMedia.js";
+import { createNavManager, getKeyName, isInternalInputNavigation } from "./services/navManager.js";
+import { portal } from "./services/portal.js";
+import { createResizeObserver, createResizeObserverMap } from "./services/resizeObserver.js";
+import { siblingsInert } from "./services/siblingsInert.js";
+import { hash$ } from "./services/hash.js";
+import { createTransition, noAnimation } from "./services/transitions/baseTransitions.js";
+import { createCSSTransition, getTransitionDurationMs, hasTransition } from "./services/transitions/cssTransitions.js";
+import { createSimpleClassTransition } from "./services/transitions/simpleClassTransition.js";
+import { a as a3, b as b2, c as c12, d as d2, e, f as f2, g as g12, h, i, j, k, l, m as m2, n, o, p, q, r, s, t, u, v } from "./directive-CNNSo5Yn.js";
+import { bindableDerived, bindableProp, createPatch, false$, findChangedProperties, idWithDefault, isStore, mergeConfigStores, normalizeConfigStores, stateStores, toReadableStore, toWritableStore, true$, writableWithDefault, writablesForProps, writablesWithDefault } from "./utils/stores.js";
+import { c as c13, t as t2, a as a4, b as b3, d as d3, e as e2, f as f3, g as g13, h as h2, i as i2, j as j2, k as k2 } from "./writables-DYGjj5T3.js";
+export {
+  FACTORY_WIDGET_NAME,
+  INVALID_VALUE,
+  T as Toaster,
+  activeElement$,
+  a3 as attributesData,
+  b2 as bindDirective,
+  c12 as bindDirectiveNoArg,
+  bindableDerived,
+  bindableProp,
+  d2 as browserDirective,
+  e as classDirective,
+  f2 as conditionalDirective,
+  c as createAccordion,
+  a as createAccordionItem,
+  c2 as createAlert,
+  g12 as createAttributesDirective,
+  h as createBrowserStoreArrayDirective,
+  i as createBrowserStoreDirective,
+  createCSSTransition,
+  c3 as createCollapse,
+  j as createConditionalBrowserStoreArrayDirective,
+  k as createConditionalStoreArrayDirective,
+  c11 as createDrawer,
+  createFloatingUI,
+  createHasFocus,
+  createIntersection,
+  createMatchMedia,
+  c4 as createModal,
+  createNavManager,
+  c5 as createPagination,
+  createPatch,
+  c6 as createProgressbar,
+  c7 as createRating,
+  createResizeObserver,
+  createResizeObserverMap,
+  createSimpleClassTransition,
+  c8 as createSlider,
+  l as createStoreArrayDirective,
+  m2 as createStoreDirective,
+  c9 as createToast,
+  createTransition,
+  c10 as createTree,
+  c13 as createTypeEnum,
+  createWidgetsConfig,
+  d as defaultToasterProps,
+  n as directiveAttributes,
+  o as directiveSubscribe,
+  p as directiveUpdate,
+  extendWidgetProps,
+  f as factoryCreateAccordion,
+  false$,
+  findChangedProperties,
+  g as getAccordionDefaultConfig,
+  g2 as getAlertDefaultConfig,
+  g3 as getCollapseDefaultConfig,
+  g11 as getDrawerDefaultConfig,
+  getKeyName,
+  g4 as getModalDefaultConfig,
+  g5 as getPaginationDefaultConfig,
+  g6 as getProgressbarDefaultConfig,
+  g7 as getRatingDefaultConfig,
+  g8 as getSliderDefaultConfig,
+  g9 as getToastDefaultConfig,
+  getTransitionDurationMs,
+  g10 as getTreeDefaultConfig,
+  hasTransition,
+  hash$,
+  idWithDefault,
+  q as isBrowserHTMLElement,
+  isInternalInputNavigation,
+  isStore,
+  r as mapDirectiveArg,
+  mergeConfigStores,
+  s as mergeDirectives,
+  mergeInto,
+  m as modalCloseButtonClick,
+  a2 as modalCloseEscape,
+  b as modalOutsideClick,
+  t as multiDirective,
+  noAnimation,
+  normalizeConfigStores,
+  portal,
+  u as registrationArray,
+  siblingsInert,
+  v as ssrAttributes,
+  stateStores,
+  t2 as testToNormalizeValue,
+  toReadableStore,
+  toWritableStore,
+  true$,
+  a4 as typeArray,
+  b3 as typeBoolean,
+  d3 as typeBooleanOrNull,
+  e2 as typeFunction,
+  f3 as typeHTMLElementOrNull,
+  g13 as typeNumber,
+  h2 as typeNumberInRangeFactory,
+  i2 as typeNumberOrNull,
+  j2 as typeString,
+  k2 as typeStringOrNull,
+  writableWithDefault,
+  writablesForProps,
+  writablesWithDefault
+};

package/isFocusable-Ckwus82R.js

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1,31 @@
+"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;

package/modal-C13G13jV.js

@@ -0,0 +1,253 @@
+import { computed, readable } from "@amadeus-it-group/tansu";
+import { b as typeBoolean, e as typeFunction, j as typeString, f as typeHTMLElementOrNull } from "./writables-DYGjj5T3.js";
+import { writablesForProps, stateStores } from "./utils/stores.js";
+import { createTransition } from "./services/transitions/baseTransitions.js";
+import { p as promiseFromStore } from "./promise-D-RZVPuv.js";
+import { noop } from "./utils/func.js";
+import { r as removeScrollbars, a as revertScrollbars } from "./scrollbars-CcxSrnCx.js";
+import { u as registrationArray, b as bindDirective, g as createAttributesDirective, d as browserDirective, s as mergeDirectives, o as directiveSubscribe, c as bindDirectiveNoArg } from "./directive-CNNSo5Yn.js";
+import { portal } from "./services/portal.js";
+import { siblingsInert } from "./services/siblingsInert.js";
+import { createWidgetFactory } from "./utils/widget.js";
+import { focusElement } from "./services/focusElement.js";
+const modalOutsideClick = /* @__PURE__ */ Symbol();
+const modalCloseButtonClick = /* @__PURE__ */ Symbol();
+const modalCloseEscape = /* @__PURE__ */ Symbol();
+const defaultConfig = {
+  animated: true,
+  ariaCloseButtonLabel: "Close",
+  backdrop: true,
+  backdropClass: "",
+  backdropTransition: noop,
+  closeButton: true,
+  closeOnOutsideClick: true,
+  container: typeof window !== "undefined" ? document.body : null,
+  className: "",
+  modalTransition: noop,
+  onBeforeClose: noop,
+  onVisibleChange: noop,
+  onHidden: noop,
+  onShown: noop,
+  visible: false
+};
+const configValidator = {
+  animated: typeBoolean,
+  ariaCloseButtonLabel: typeString,
+  backdrop: typeBoolean,
+  backdropClass: typeString,
+  backdropTransition: typeFunction,
+  closeButton: typeBoolean,
+  closeOnOutsideClick: typeBoolean,
+  container: typeHTMLElementOrNull,
+  className: typeString,
+  modalTransition: typeFunction,
+  onBeforeClose: typeFunction,
+  onVisibleChange: typeFunction,
+  onHidden: typeFunction,
+  onShown: typeFunction,
+  visible: typeBoolean
+};
+function getModalDefaultConfig() {
+  return { ...defaultConfig };
+}
+const modals$ = registrationArray();
+const hasModals$ = computed(() => modals$().length > 0);
+const scrollbarsAction$ = computed(() => {
+  if (hasModals$()) {
+    removeScrollbars();
+  } else {
+    revertScrollbars();
+  }
+});
+const modalsAction$ = computed(() => {
+  scrollbarsAction$();
+});
+const createModal = createWidgetFactory(
+  "modal",
+  (config$) => {
+    const [
+      {
+        animated$,
+        backdrop$,
+        backdropTransition$,
+        closeOnOutsideClick$,
+        container$,
+        modalTransition$,
+        onBeforeClose$,
+        onVisibleChange$,
+        onHidden$,
+        onShown$,
+        ariaCloseButtonLabel$,
+        className$,
+        backdropClass$,
+        visible$: requestedVisible$,
+        ...stateProps
+      },
+      patch
+    ] = writablesForProps(defaultConfig, config$, configValidator);
+    const modalTransition = createTransition({
+      props: {
+        transition: modalTransition$,
+        visible: requestedVisible$,
+        animated: animated$,
+        animatedOnInit: animated$,
+        onVisibleChange: onVisibleChange$,
+        // TODO: for onHidden and onShown, should we combine with information from the backdrop transition?
+        // (especially in case one of the two transitions takes more time than the other)
+        onHidden: onHidden$,
+        onShown: onShown$
+      }
+    });
+    const visible$ = modalTransition.stores.visible$;
+    const backdropTransition = createTransition({
+      props: {
+        transition: backdropTransition$,
+        visible: requestedVisible$,
+        animated: animated$,
+        animatedOnInit: animated$
+      }
+    });
+    const transitioning$ = computed(
+      () => modalTransition.stores.transitioning$() || backdrop$() && backdropTransition.stores.transitioning$()
+    );
+    const hidden$ = computed(() => !transitioning$() && !visible$());
+    const backdropHidden$ = computed(() => !backdrop$() || hidden$());
+    let hideResult;
+    const close = (result) => {
+      hideResult = result;
+      const beforeCloseEvent = {
+        get result() {
+          return hideResult;
+        },
+        set result(value) {
+          hideResult = value;
+        },
+        cancel: false
+      };
+      onBeforeClose$()(beforeCloseEvent);
+      if (beforeCloseEvent.cancel) {
+        return;
+      }
+      patch({ visible: false });
+    };
+    const modalPortalDirective = bindDirective(
+      portal,
+      computed(() => ({ container: container$() }))
+    );
+    const backdropPortalDirective = bindDirective(
+      portal,
+      computed(() => {
+        const container = container$();
+        const element = container ? modalTransition.stores.element$() : void 0;
+        return {
+          container,
+          insertBefore: element?.parentElement === container ? element : void 0
+        };
+      })
+    );
+    const registerModalAction$ = readable(void 0, () => modals$.register(res));
+    const action$ = computed(() => {
+      if (modalTransition.stores.elementPresent$() && !hidden$()) {
+        registerModalAction$();
+      }
+      modalsAction$();
+    });
+    const closeButtonDirective = createAttributesDirective(() => ({
+      attributes: {
+        type: readable("button"),
+        "aria-label": ariaCloseButtonLabel$
+      },
+      events: {
+        click: () => close(modalCloseButtonClick)
+      }
+    }));
+    const backdropAttributeDirective = createAttributesDirective(() => ({
+      attributes: {
+        class: backdropClass$
+      }
+    }));
+    const modalAttributeDirective = createAttributesDirective(() => ({
+      attributes: {
+        class: className$,
+        tabIndex: readable("-1")
+      },
+      events: {
+        click: (event) => {
+          if (event.currentTarget === event.target && closeOnOutsideClick$()) {
+            close(modalOutsideClick);
+          }
+        },
+        keydown: (event) => {
+          const { key } = event;
+          switch (key) {
+            case "Escape":
+              close(modalCloseEscape);
+              event.stopPropagation();
+              break;
+          }
+        }
+      }
+    }));
+    const res = {
+      ...stateStores({
+        backdropHidden$,
+        container$,
+        hidden$,
+        transitioning$,
+        visible$,
+        modalElement$: modalTransition.stores.element$,
+        ariaCloseButtonLabel$,
+        className$,
+        backdropClass$,
+        ...stateProps
+      }),
+      directives: {
+        modalPortalDirective,
+        backdropPortalDirective,
+        backdropDirective: mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),
+        modalDirective: mergeDirectives(
+          modalTransition.directives.directive,
+          bindDirectiveNoArg(siblingsInert),
+          directiveSubscribe(action$),
+          modalAttributeDirective,
+          focusElement
+        ),
+        closeButtonDirective,
+        dialogDirective: bindDirective(
+          browserDirective((dialog, visible) => {
+            const update = (visible2) => {
+              if (visible2) {
+                dialog.showModal();
+              } else {
+                dialog.close();
+              }
+            };
+            update(visible);
+            return {
+              update
+            };
+          }),
+          visible$
+        )
+      },
+      patch,
+      api: {
+        close,
+        async open() {
+          patch({ visible: true });
+          await promiseFromStore(hidden$).promise;
+          return hideResult;
+        },
+        patch
+      }
+    };
+    return res;
+  }
+);
+export {
+  modalCloseEscape as a,
+  modalOutsideClick as b,
+  createModal as c,
+  getModalDefaultConfig as g,
+  modalCloseButtonClick as m
+};