@design-factory/angular 21.0.3 → 21.1.0-next.0

package/node_modules/@agnos-ui/core/rating-BIdiiPUo.js

@@ -0,0 +1,184 @@
+import { computed, writable, readable } from "@amadeus-it-group/tansu";
+import { INVALID_VALUE } from "./types.js";
+import { g as createAttributesDirective } from "./directive-Bsreu2z1.js";
+import { j as typeString, e as typeFunction, b as typeBoolean, g as typeNumber, l as clamp, m as isNumber } from "./writables-DYGjj5T3.js";
+import { noop } from "./utils/func.js";
+import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
+import { createWidgetFactory } from "./utils/widget.js";
+const defaultConfig = {
+  rating: 0,
+  tabindex: 0,
+  maxRating: 10,
+  disabled: false,
+  readonly: false,
+  resettable: true,
+  ariaValueTextFn: (rating, maxRating) => `${rating} out of ${maxRating}`,
+  onHover: noop,
+  onLeave: noop,
+  onRatingChange: noop,
+  className: "",
+  ariaLabel: "Rating",
+  ariaLabelledBy: ""
+};
+function getRatingDefaultConfig() {
+  return { ...defaultConfig };
+}
+const configValidator = {
+  rating: typeNumber,
+  tabindex: typeNumber,
+  maxRating: { normalizeValue: (value) => isNumber(value) ? Math.max(0, value) : INVALID_VALUE },
+  disabled: typeBoolean,
+  readonly: typeBoolean,
+  resettable: typeBoolean,
+  ariaValueTextFn: typeFunction,
+  onHover: typeFunction,
+  onLeave: typeFunction,
+  onRatingChange: typeFunction,
+  className: typeString,
+  ariaLabel: typeString,
+  ariaLabelledBy: typeString
+};
+const createRating = createWidgetFactory(
+  "rating",
+  (config) => {
+    const [
+      {
+        // dirty inputs that need adjustment:
+        rating$: _dirtyRating$,
+        tabindex$: _dirtyTabindex$,
+        ariaValueTextFn$,
+        onHover$,
+        onLeave$,
+        onRatingChange$,
+        ...stateProps
+      },
+      patch
+    ] = writablesForProps(defaultConfig, config, configValidator);
+    const { ariaLabel$, ariaLabelledBy$, className$, disabled$, maxRating$, readonly$, resettable$ } = stateProps;
+    const tabindex$ = computed(() => disabled$() ? -1 : _dirtyTabindex$());
+    const rating$ = bindableProp(_dirtyRating$, onRatingChange$, (dirtyRating) => clamp(dirtyRating, maxRating$(), 0));
+    const _hoveredRating$ = writable(0);
+    const interactive$ = computed(() => !disabled$() && !readonly$());
+    const visibleRating$ = computed(() => {
+      const hoveredRating = _hoveredRating$();
+      return hoveredRating !== 0 ? hoveredRating : rating$();
+    });
+    const ariaValueText$ = computed(() => ariaValueTextFn$()(visibleRating$(), maxRating$()));
+    const stars$ = computed(() => {
+      const visibleRating = visibleRating$();
+      return Array.from({ length: maxRating$() }, (_v, i) => ({
+        fill: Math.round(Math.max(Math.min(visibleRating - i, 1), 0) * 100),
+        index: i
+      }));
+    });
+    const widget = {
+      ...stateStores({
+        ariaValueText$,
+        interactive$,
+        rating$,
+        stars$,
+        tabindex$,
+        visibleRating$,
+        ...stateProps
+      }),
+      patch,
+      directives: {
+        containerDirective: createAttributesDirective(() => ({
+          events: {
+            keydown: (event) => {
+              if (interactive$()) {
+                const { key } = event;
+                switch (key) {
+                  case "ArrowLeft":
+                  case "ArrowDown":
+                    rating$.update((rating) => rating - 1);
+                    break;
+                  case "ArrowRight":
+                  case "ArrowUp":
+                    rating$.update((rating) => rating + 1);
+                    break;
+                  case "Home":
+                  case "PageDown":
+                    rating$.set(0);
+                    break;
+                  case "End":
+                  case "PageUp":
+                    rating$.set(maxRating$());
+                    break;
+                  default:
+                    return;
+                }
+                event.preventDefault();
+                event.stopPropagation();
+              }
+            },
+            mouseleave: () => {
+              if (interactive$()) {
+                widget.api.leave();
+              }
+            }
+          },
+          attributes: {
+            role: readable("slider"),
+            class: className$,
+            "aria-valuemin": readable(0),
+            tabindex: tabindex$,
+            "aria-valuemax": maxRating$,
+            "aria-valuenow": visibleRating$,
+            "aria-valuetext": ariaValueText$,
+            "aria-readonly": computed(() => readonly$() ? "true" : void 0),
+            "aria-disabled": computed(() => disabled$() ? "true" : void 0),
+            "aria-label": ariaLabel$,
+            "aria-labelledby": computed(() => ariaLabelledBy$() || void 0)
+          },
+          classNames: {
+            "au-rating": true$
+          }
+        })),
+        starDirective: createAttributesDirective((starContext$) => {
+          return {
+            events: {
+              mouseenter: () => {
+                const index = starContext$().index + 1;
+                if (interactive$() && index > 0 && index <= maxRating$()) {
+                  _hoveredRating$.set(index);
+                  onHover$()(index);
+                }
+              },
+              click: () => {
+                const index = starContext$().index + 1;
+                if (interactive$() && index > 0 && index <= maxRating$()) {
+                  rating$.update((rating) => rating === index && resettable$() ? 0 : index);
+                }
+              }
+            },
+            styles: {
+              cursor: computed(() => interactive$() ? "pointer" : "default")
+            },
+            classNames: {
+              "au-rating-star": true$
+            }
+          };
+        })
+      },
+      api: {
+        setRating(index) {
+          rating$.set(index);
+        },
+        setHoveredRating(index) {
+          onHover$()(index);
+          _hoveredRating$.set(index);
+        },
+        leave() {
+          onLeave$()(visibleRating$());
+          _hoveredRating$.set(0);
+        }
+      }
+    };
+    return widget;
+  }
+);
+export {
+  createRating as c,
+  getRatingDefaultConfig as g
+};

package/node_modules/@agnos-ui/core/rating-qx1xaBmz.cjs

@@ -0,0 +1,183 @@
+"use strict";
+const tansu = require("@amadeus-it-group/tansu");
+const types = require("./types.cjs");
+const utils_directive = require("./directive-DCaXmRe_.cjs");
+const utils_writables = require("./writables-Dt68gADJ.cjs");
+const utils_func = require("./utils/func.cjs");
+const utils_stores = require("./utils/stores.cjs");
+const utils_widget = require("./utils/widget.cjs");
+const defaultConfig = {
+  rating: 0,
+  tabindex: 0,
+  maxRating: 10,
+  disabled: false,
+  readonly: false,
+  resettable: true,
+  ariaValueTextFn: (rating, maxRating) => `${rating} out of ${maxRating}`,
+  onHover: utils_func.noop,
+  onLeave: utils_func.noop,
+  onRatingChange: utils_func.noop,
+  className: "",
+  ariaLabel: "Rating",
+  ariaLabelledBy: ""
+};
+function getRatingDefaultConfig() {
+  return { ...defaultConfig };
+}
+const configValidator = {
+  rating: utils_writables.typeNumber,
+  tabindex: utils_writables.typeNumber,
+  maxRating: { normalizeValue: (value) => utils_writables.isNumber(value) ? Math.max(0, value) : types.INVALID_VALUE },
+  disabled: utils_writables.typeBoolean,
+  readonly: utils_writables.typeBoolean,
+  resettable: utils_writables.typeBoolean,
+  ariaValueTextFn: utils_writables.typeFunction,
+  onHover: utils_writables.typeFunction,
+  onLeave: utils_writables.typeFunction,
+  onRatingChange: utils_writables.typeFunction,
+  className: utils_writables.typeString,
+  ariaLabel: utils_writables.typeString,
+  ariaLabelledBy: utils_writables.typeString
+};
+const createRating = utils_widget.createWidgetFactory(
+  "rating",
+  (config) => {
+    const [
+      {
+        // dirty inputs that need adjustment:
+        rating$: _dirtyRating$,
+        tabindex$: _dirtyTabindex$,
+        ariaValueTextFn$,
+        onHover$,
+        onLeave$,
+        onRatingChange$,
+        ...stateProps
+      },
+      patch
+    ] = utils_stores.writablesForProps(defaultConfig, config, configValidator);
+    const { ariaLabel$, ariaLabelledBy$, className$, disabled$, maxRating$, readonly$, resettable$ } = stateProps;
+    const tabindex$ = tansu.computed(() => disabled$() ? -1 : _dirtyTabindex$());
+    const rating$ = utils_stores.bindableProp(_dirtyRating$, onRatingChange$, (dirtyRating) => utils_writables.clamp(dirtyRating, maxRating$(), 0));
+    const _hoveredRating$ = tansu.writable(0);
+    const interactive$ = tansu.computed(() => !disabled$() && !readonly$());
+    const visibleRating$ = tansu.computed(() => {
+      const hoveredRating = _hoveredRating$();
+      return hoveredRating !== 0 ? hoveredRating : rating$();
+    });
+    const ariaValueText$ = tansu.computed(() => ariaValueTextFn$()(visibleRating$(), maxRating$()));
+    const stars$ = tansu.computed(() => {
+      const visibleRating = visibleRating$();
+      return Array.from({ length: maxRating$() }, (_v, i) => ({
+        fill: Math.round(Math.max(Math.min(visibleRating - i, 1), 0) * 100),
+        index: i
+      }));
+    });
+    const widget = {
+      ...utils_stores.stateStores({
+        ariaValueText$,
+        interactive$,
+        rating$,
+        stars$,
+        tabindex$,
+        visibleRating$,
+        ...stateProps
+      }),
+      patch,
+      directives: {
+        containerDirective: utils_directive.createAttributesDirective(() => ({
+          events: {
+            keydown: (event) => {
+              if (interactive$()) {
+                const { key } = event;
+                switch (key) {
+                  case "ArrowLeft":
+                  case "ArrowDown":
+                    rating$.update((rating) => rating - 1);
+                    break;
+                  case "ArrowRight":
+                  case "ArrowUp":
+                    rating$.update((rating) => rating + 1);
+                    break;
+                  case "Home":
+                  case "PageDown":
+                    rating$.set(0);
+                    break;
+                  case "End":
+                  case "PageUp":
+                    rating$.set(maxRating$());
+                    break;
+                  default:
+                    return;
+                }
+                event.preventDefault();
+                event.stopPropagation();
+              }
+            },
+            mouseleave: () => {
+              if (interactive$()) {
+                widget.api.leave();
+              }
+            }
+          },
+          attributes: {
+            role: tansu.readable("slider"),
+            class: className$,
+            "aria-valuemin": tansu.readable(0),
+            tabindex: tabindex$,
+            "aria-valuemax": maxRating$,
+            "aria-valuenow": visibleRating$,
+            "aria-valuetext": ariaValueText$,
+            "aria-readonly": tansu.computed(() => readonly$() ? "true" : void 0),
+            "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
+            "aria-label": ariaLabel$,
+            "aria-labelledby": tansu.computed(() => ariaLabelledBy$() || void 0)
+          },
+          classNames: {
+            "au-rating": utils_stores.true$
+          }
+        })),
+        starDirective: utils_directive.createAttributesDirective((starContext$) => {
+          return {
+            events: {
+              mouseenter: () => {
+                const index = starContext$().index + 1;
+                if (interactive$() && index > 0 && index <= maxRating$()) {
+                  _hoveredRating$.set(index);
+                  onHover$()(index);
+                }
+              },
+              click: () => {
+                const index = starContext$().index + 1;
+                if (interactive$() && index > 0 && index <= maxRating$()) {
+                  rating$.update((rating) => rating === index && resettable$() ? 0 : index);
+                }
+              }
+            },
+            styles: {
+              cursor: tansu.computed(() => interactive$() ? "pointer" : "default")
+            },
+            classNames: {
+              "au-rating-star": utils_stores.true$
+            }
+          };
+        })
+      },
+      api: {
+        setRating(index) {
+          rating$.set(index);
+        },
+        setHoveredRating(index) {
+          onHover$()(index);
+          _hoveredRating$.set(index);
+        },
+        leave() {
+          onLeave$()(visibleRating$());
+          _hoveredRating$.set(0);
+        }
+      }
+    };
+    return widget;
+  }
+);
+exports.createRating = createRating;
+exports.getRatingDefaultConfig = getRatingDefaultConfig;

package/node_modules/@agnos-ui/core/scrollbars-CT87iv_6.cjs

@@ -0,0 +1,30 @@
+"use strict";
+const utils_func = require("./utils/func.cjs");
+const internalRemoveScrollbars = () => {
+  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
+  const body = document.body;
+  const bodyStyle = body.style;
+  const { overflow, paddingRight } = bodyStyle;
+  if (scrollbarWidth > 0) {
+    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
+    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
+  }
+  bodyStyle.overflow = "hidden";
+  return () => {
+    if (scrollbarWidth > 0) {
+      bodyStyle.paddingRight = paddingRight;
+    }
+    bodyStyle.overflow = overflow;
+  };
+};
+let internalRevert = utils_func.noop;
+const removeScrollbars = () => {
+  internalRevert();
+  internalRevert = internalRemoveScrollbars();
+};
+const revertScrollbars = () => {
+  internalRevert();
+  internalRevert = utils_func.noop;
+};
+exports.removeScrollbars = removeScrollbars;
+exports.revertScrollbars = revertScrollbars;

package/node_modules/@agnos-ui/core/scrollbars-CcxSrnCx.js

@@ -0,0 +1,31 @@
+import { noop } from "./utils/func.js";
+const internalRemoveScrollbars = () => {
+  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
+  const body = document.body;
+  const bodyStyle = body.style;
+  const { overflow, paddingRight } = bodyStyle;
+  if (scrollbarWidth > 0) {
+    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
+    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
+  }
+  bodyStyle.overflow = "hidden";
+  return () => {
+    if (scrollbarWidth > 0) {
+      bodyStyle.paddingRight = paddingRight;
+    }
+    bodyStyle.overflow = overflow;
+  };
+};
+let internalRevert = noop;
+const removeScrollbars = () => {
+  internalRevert();
+  internalRevert = internalRemoveScrollbars();
+};
+const revertScrollbars = () => {
+  internalRevert();
+  internalRevert = noop;
+};
+export {
+  revertScrollbars as a,
+  removeScrollbars as r
+};

package/node_modules/@agnos-ui/core/services/extendWidget.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tansu = require("@amadeus-it-group/tansu");
+const utils_stores = require("../utils/stores.cjs");
+const types = require("../types.cjs");
+const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
+  const extendedFactory = (propsConfig) => {
+    const extraPropsWritables = utils_stores.writablesWithDefault(
+      extraPropsDefaults,
+      propsConfig,
+      extraPropsConfig
+    );
+    const propsConfigConfig = propsConfig?.config;
+    const config = utils_stores.isStore(propsConfigConfig) ? tansu.computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
+    const widget = factory({ props: propsConfig?.props, config });
+    return {
+      ...widget,
+      ...utils_stores.stateStores({ ...widget.stores, ...extraPropsWritables }),
+      patch: (storesValues) => tansu.batch(() => {
+        let widgetProps;
+        for (const [name, value] of Object.entries(storesValues ?? {})) {
+          const extraPropsStore = extraPropsWritables[`${name}$`];
+          if (extraPropsStore) {
+            extraPropsStore.set(value);
+          } else {
+            if (!widgetProps) {
+              widgetProps = {};
+            }
+            widgetProps[name] = value;
+          }
+        }
+        if (widgetProps) {
+          widget.patch(widgetProps);
+        }
+      })
+    };
+  };
+  extendedFactory[types.FACTORY_WIDGET_NAME] = factory[types.FACTORY_WIDGET_NAME];
+  return extendedFactory;
+};
+exports.extendWidgetProps = extendWidgetProps;

package/node_modules/@agnos-ui/core/services/extendWidget.d.ts

@@ -0,0 +1,31 @@
+import type { ConfigValidator, Widget, WidgetFactory, WidgetProps, WidgetState } from '../types';
+/**
+ * Type extending the original Widget props and state with ExtraProps
+ *
+ * @template W - The base widget type to be extended.
+ * @template ExtraProps - Additional properties to be added to the widget.
+ * @template ExtraDirectives - Additional directives to be added to the widget. Defaults to an empty object.
+ */
+export type ExtendWidgetProps<W extends Widget, ExtraProps extends object, ExtraDirectives extends object = object> = Widget<WidgetProps<W> & ExtraProps, WidgetState<W> & ExtraProps, W['api'], ExtendWidgetInterfaces<W['directives'], ExtraDirectives>>;
+/**
+ * Combines two interface types into a single type.
+ *
+ * @template Interfaces - The base interface type.
+ * @template ExtraInterfaces - The additional interface type to extend the base interface.
+ * @typedef {Interfaces & ExtraInterfaces} ExtendWidgetInterfaces - The resulting type that includes properties from both Interfaces and ExtraInterfaces.
+ */
+export type ExtendWidgetInterfaces<Interfaces, ExtraInterfaces> = Interfaces & ExtraInterfaces;
+/**
+ * Method to extend the original widget with extra props with validator
+ *
+ * @template W - The type of the widget.
+ * @template ExtraProps - The type of the additional properties.
+ * @template ExtraDirectives - The type of the additional directives (default is an empty object).
+ *
+ * @param factory - original widget factory
+ * @param extraPropsDefaults - object containing default value for each extra prop
+ * @param extraPropsConfig - object verifying the type of each extra prop
+ * @param overrideDefaults - object overriding some default props of the widget to extend
+ * @returns widget factory with the extra props
+ */
+export declare const extendWidgetProps: <W extends Widget, ExtraProps extends object, ExtraDirectives extends object = object>(factory: WidgetFactory<W>, extraPropsDefaults: ExtraProps, extraPropsConfig?: ConfigValidator<ExtraProps>, overrideDefaults?: Partial<WidgetState<W>>) => WidgetFactory<ExtendWidgetProps<W, ExtraProps, ExtraDirectives>>;

package/node_modules/@agnos-ui/core/services/extendWidget.js

@@ -0,0 +1,41 @@
+import { computed, batch } from "@amadeus-it-group/tansu";
+import { writablesWithDefault, isStore, stateStores } from "../utils/stores.js";
+import { FACTORY_WIDGET_NAME } from "../types.js";
+const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
+  const extendedFactory = (propsConfig) => {
+    const extraPropsWritables = writablesWithDefault(
+      extraPropsDefaults,
+      propsConfig,
+      extraPropsConfig
+    );
+    const propsConfigConfig = propsConfig?.config;
+    const config = isStore(propsConfigConfig) ? computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
+    const widget = factory({ props: propsConfig?.props, config });
+    return {
+      ...widget,
+      ...stateStores({ ...widget.stores, ...extraPropsWritables }),
+      patch: (storesValues) => batch(() => {
+        let widgetProps;
+        for (const [name, value] of Object.entries(storesValues ?? {})) {
+          const extraPropsStore = extraPropsWritables[`${name}$`];
+          if (extraPropsStore) {
+            extraPropsStore.set(value);
+          } else {
+            if (!widgetProps) {
+              widgetProps = {};
+            }
+            widgetProps[name] = value;
+          }
+        }
+        if (widgetProps) {
+          widget.patch(widgetProps);
+        }
+      })
+    };
+  };
+  extendedFactory[FACTORY_WIDGET_NAME] = factory[FACTORY_WIDGET_NAME];
+  return extendedFactory;
+};
+export {
+  extendWidgetProps
+};

package/node_modules/@agnos-ui/core/services/floatingUI.cjs

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tansu = require("@amadeus-it-group/tansu");
+const dom = require("@floating-ui/dom");
+const utils_directive = require("../directive-DCaXmRe_.cjs");
+const promise = require("../promise-CxCD3NYv.cjs");
+const utils_stores = require("../utils/stores.cjs");
+const defaultConfig = {
+  computePositionOptions: {},
+  autoUpdateOptions: {},
+  arrowOptions: {}
+};
+const createFloatingUI = (propsConfig) => {
+  const [
+    { autoUpdateOptions$, computePositionOptions$: computePositionInputOptions$, arrowOptions$: arrowInputOptions$ },
+    patch
+  ] = utils_stores.writablesForProps(defaultConfig, propsConfig);
+  const { directive: floatingDirective, element$: floatingElement$ } = utils_directive.createBrowserStoreDirective();
+  const { directive: referenceDirective, element$: referenceElement$ } = utils_directive.createBrowserStoreDirective();
+  const { directive: arrowDirective, element$: arrowElement$ } = utils_directive.createBrowserStoreDirective();
+  const arrowOptions$ = tansu.computed(() => {
+    const arrowElement = arrowElement$();
+    if (!arrowElement) {
+      return null;
+    }
+    const arrowInputOptions = arrowInputOptions$();
+    return typeof arrowInputOptions === "function" ? (state) => ({ ...arrowInputOptions(state), element: arrowElement }) : { ...arrowInputOptions, element: arrowElement };
+  });
+  const computePositionOptions$ = tansu.computed(() => {
+    let options = computePositionInputOptions$();
+    const arrowOptions = arrowOptions$();
+    if (arrowOptions) {
+      options = {
+        ...options,
+        middleware: [...options.middleware ?? [], dom.arrow(arrowOptions)]
+      };
+    }
+    return options;
+  });
+  const promisePosition$ = tansu.derived(
+    [floatingElement$, referenceElement$, computePositionOptions$, autoUpdateOptions$],
+    ([floatingElement, referenceElement, computePositionOptions, autoUpdateOptions], set) => {
+      if (floatingElement && referenceElement) {
+        const clean = dom.autoUpdate(
+          referenceElement,
+          floatingElement,
+          () => {
+            set(dom.computePosition(referenceElement, floatingElement, computePositionOptions));
+          },
+          autoUpdateOptions
+        );
+        return () => {
+          set(null);
+          clean();
+        };
+      }
+      return void 0;
+    },
+    null
+  );
+  const position$ = promise.promiseStoreToValueStore(promisePosition$, null);
+  const placement$ = tansu.computed(() => position$()?.placement);
+  const middlewareData$ = tansu.computed(() => position$()?.middlewareData);
+  const x$ = tansu.computed(() => position$()?.x);
+  const y$ = tansu.computed(() => position$()?.y);
+  const strategy$ = tansu.computed(() => position$()?.strategy);
+  const arrowX$ = tansu.computed(() => middlewareData$()?.arrow?.x);
+  const arrowY$ = tansu.computed(() => middlewareData$()?.arrow?.y);
+  const floatingStyleApplyAction$ = tansu.computed(() => {
+    const floatingElement = floatingElement$();
+    if (floatingElement) {
+      floatingElement.style.left = `${x$() ?? 0}px`;
+      floatingElement.style.top = `${y$() ?? 0}px`;
+    }
+  });
+  const arrowStyleApplyAction$ = tansu.computed(() => {
+    const arrowElement = arrowElement$();
+    if (arrowElement) {
+      const arrowX = arrowX$();
+      const arrowY = arrowY$();
+      arrowElement.style.left = arrowX != null ? `${arrowX}px` : "";
+      arrowElement.style.top = arrowY != null ? `${arrowY}px` : "";
+    }
+  });
+  return {
+    patch,
+    ...utils_stores.stateStores({
+      x$,
+      y$,
+      strategy$,
+      placement$,
+      middlewareData$
+    }),
+    directives: {
+      /**
+       * Directive to be used on the reference element from where the floating element will be positioned
+       */
+      referenceDirective,
+      /**
+       * Directive to be used on the floating element
+       */
+      floatingDirective: utils_directive.mergeDirectives(floatingDirective, utils_directive.directiveSubscribe(floatingStyleApplyAction$)),
+      /**
+       * Directive to be used on the arrow element, if any
+       */
+      arrowDirective: utils_directive.mergeDirectives(arrowDirective, utils_directive.directiveSubscribe(arrowStyleApplyAction$))
+    },
+    api: {}
+  };
+};
+exports.createFloatingUI = createFloatingUI;