@design-factory/core 21.1.0-next.1

package/README.md

@@ -0,0 +1,3 @@
+# @design-factory/core
+
+This is an internal package used by the [Design Factory](https://www.npmjs.com/package/@design-factory/angular).

package/accordion-B0vs8JWM.cjs

@@ -0,0 +1,314 @@
+"use strict";
+const utils_stores = require("./utils/stores.cjs");
+const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
+const tansu = require("@amadeus-it-group/tansu");
+const utils_func = require("./utils/func.cjs");
+const utils_writables = require("./writables-Dt68gADJ.cjs");
+const utils_directive = require("./directive-DyTodNPd.cjs");
+const utils_widget = require("./utils/widget.cjs");
+function adjustItemsCloseOthers(items, openItems, oldOpen) {
+  let keepOpen;
+  if (openItems.length == 2) {
+    oldOpen = oldOpen ?? openItems[0];
+    keepOpen = openItems.find((id) => id !== oldOpen);
+  } else if (openItems.length > 2) {
+    keepOpen = openItems[0];
+  }
+  if (keepOpen) {
+    items.forEach((item) => {
+      if (item.stores.id$() !== keepOpen && item.stores.visible$()) {
+        item.patch({ visible: false });
+      }
+    });
+  }
+  return items;
+}
+function getItem(items, id) {
+  return items.find((item) => item.stores.id$() === id);
+}
+const defaultAccordionConfig = {
+  closeOthers: false,
+  onItemShown: utils_func.noop,
+  onItemHidden: utils_func.noop,
+  className: "",
+  itemDestroyOnHide: true,
+  itemAnimated: true,
+  itemTransition: utils_func.noop,
+  itemHeadingLevel: 2,
+  itemClassName: "",
+  itemHeaderClassName: "",
+  itemButtonClassName: "",
+  itemBodyContainerClassName: "",
+  itemBodyClassName: ""
+};
+const defaultItemConfig = {
+  id: "",
+  destroyOnHide: defaultAccordionConfig.itemDestroyOnHide,
+  disabled: false,
+  visible: false,
+  animated: defaultAccordionConfig.itemAnimated,
+  transition: defaultAccordionConfig.itemTransition,
+  onShown: utils_func.noop,
+  onHidden: utils_func.noop,
+  onVisibleChange: utils_func.noop,
+  className: defaultAccordionConfig.itemClassName,
+  headerClassName: defaultAccordionConfig.itemHeaderClassName,
+  buttonClassName: defaultAccordionConfig.itemButtonClassName,
+  bodyContainerClassName: defaultAccordionConfig.itemBodyContainerClassName,
+  bodyClassName: defaultAccordionConfig.itemBodyClassName,
+  headingLevel: defaultAccordionConfig.itemHeadingLevel
+};
+const coreAccordionItemProps = Object.keys(defaultItemConfig);
+function getAccordionDefaultConfig() {
+  return { ...defaultAccordionConfig };
+}
+const configAccordionValidator = {
+  closeOthers: utils_writables.typeBoolean,
+  onItemShown: utils_writables.typeFunction,
+  onItemHidden: utils_writables.typeFunction,
+  className: utils_writables.typeString,
+  itemDestroyOnHide: utils_writables.typeBoolean,
+  itemAnimated: utils_writables.typeBoolean,
+  itemTransition: utils_writables.typeFunction,
+  itemClassName: utils_writables.typeString,
+  itemHeaderClassName: utils_writables.typeString,
+  itemButtonClassName: utils_writables.typeString,
+  itemBodyContainerClassName: utils_writables.typeString,
+  itemBodyClassName: utils_writables.typeString,
+  itemHeadingLevel: utils_writables.createTypeEnum([1, 2, 3, 4, 5, 6])
+};
+const configItemValidator = {
+  id: utils_writables.typeString,
+  destroyOnHide: utils_writables.typeBoolean,
+  disabled: utils_writables.typeBoolean,
+  visible: utils_writables.typeBoolean,
+  animated: utils_writables.typeBoolean,
+  transition: utils_writables.typeFunction,
+  onShown: utils_writables.typeFunction,
+  onHidden: utils_writables.typeFunction,
+  onVisibleChange: utils_writables.typeFunction,
+  className: utils_writables.typeString,
+  headerClassName: utils_writables.typeString,
+  buttonClassName: utils_writables.typeString,
+  bodyContainerClassName: utils_writables.typeString,
+  bodyClassName: utils_writables.typeString,
+  headingLevel: utils_writables.createTypeEnum([1, 2, 3, 4, 5, 6])
+};
+function createAccordionItem(config) {
+  const [
+    {
+      bodyClassName$,
+      buttonClassName$,
+      bodyContainerClassName$,
+      headerClassName$,
+      animated$,
+      transition$,
+      destroyOnHide$,
+      onShown$,
+      onHidden$,
+      onVisibleChange$,
+      visible$,
+      id$: _dirtyId$,
+      disabled$,
+      ...stateProps
+    },
+    patch
+  ] = utils_stores.writablesForProps(defaultItemConfig, config, configItemValidator);
+  const initDone$ = tansu.writable(false);
+  const id$ = utils_stores.idWithDefault(_dirtyId$);
+  const transition = services_transitions_baseTransitions.createTransition({
+    props: {
+      transition: transition$,
+      visible: visible$,
+      onVisibleChange: onVisibleChange$,
+      animated: animated$,
+      animatedOnInit: false,
+      initDone: initDone$,
+      onHidden: () => {
+        onHidden$()();
+      },
+      onShown: () => {
+        onShown$()();
+      }
+    }
+  });
+  const shouldBeInDOM$ = tansu.computed(() => !destroyOnHide$() || !transition.stores.hidden$());
+  const toggleDirective = utils_directive.createAttributesDirective(() => ({
+    attributes: {
+      id: tansu.computed(() => `${id$()}-toggle`),
+      "aria-expanded": tansu.computed(() => `${visible$()}`),
+      "aria-disabled": tansu.computed(() => `${disabled$()}`),
+      "aria-controls": tansu.computed(() => `${id$()}-body-container`),
+      disabled: disabled$
+    },
+    classNames: { collapsed: tansu.computed(() => !visible$()) },
+    events: {
+      click: () => {
+        if (!disabled$()) {
+          void transition.api.toggle();
+        }
+      }
+    }
+  }));
+  const transitionDirective = transition.directives.directive;
+  const bodyContainerAttrsDirective = utils_directive.createAttributesDirective(() => ({
+    attributes: {
+      id: tansu.computed(() => `${id$()}-body-container`),
+      class: bodyContainerClassName$,
+      "aria-labelledby": tansu.computed(() => `${id$()}-toggle`),
+      role: tansu.readable("region")
+    }
+  }));
+  return {
+    ...utils_stores.stateStores({
+      visible$,
+      id$,
+      shouldBeInDOM$,
+      disabled$,
+      bodyClassName$,
+      buttonClassName$,
+      bodyContainerClassName$,
+      headerClassName$,
+      ...stateProps
+    }),
+    patch,
+    api: {
+      initDone: () => {
+        initDone$.set(true);
+      },
+      collapse: transition.api.hide,
+      expand: transition.api.show,
+      toggle: (animated) => transition.api.toggle(void 0, animated)
+    },
+    directives: {
+      toggleDirective,
+      buttonDirective: utils_directive.mergeDirectives(
+        toggleDirective,
+        utils_directive.createAttributesDirective(() => ({
+          attributes: {
+            type: tansu.readable("button"),
+            class: buttonClassName$
+          }
+        }))
+      ),
+      headerDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: headerClassName$ } })),
+      bodyDirective: utils_directive.createAttributesDirective(() => ({ attributes: { class: bodyClassName$ } })),
+      transitionDirective,
+      bodyContainerAttrsDirective,
+      bodyContainerDirective: utils_directive.mergeDirectives(transitionDirective, bodyContainerAttrsDirective),
+      itemDirective: utils_func.noop
+    }
+  };
+}
+function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItemProps = coreAccordionItemProps, accordionConfig = defaultAccordionConfig, accordionValidator = configAccordionValidator) {
+  return utils_widget.createWidgetFactory("accordion", (config) => {
+    const [writables, patch] = utils_stores.writablesForProps(accordionConfig, config, accordionValidator);
+    const { closeOthers$, onItemShown$, onItemHidden$, className$ } = writables;
+    const accordionItemConfig = Object.fromEntries(
+      Object.entries(writables).filter((entry) => entry[0].startsWith("item")).map((entry) => [entry[0].charAt(4).toLowerCase() + entry[0].slice(5, -1), entry[1]])
+    );
+    const itemWidgets$ = utils_directive.registrationArray();
+    const openItems$ = tansu.computed(() => {
+      const openItems = [];
+      itemWidgets$().forEach((item) => {
+        if (item.stores.visible$()) {
+          openItems.push(item.stores.id$());
+        }
+      });
+      return openItems;
+    });
+    const oldOpenItem$ = tansu.writable(openItems$()[0]);
+    const checkCloseOthersAction$ = tansu.computed(() => {
+      if (closeOthers$()) {
+        adjustItemsCloseOthers(itemWidgets$(), openItems$(), oldOpenItem$());
+        oldOpenItem$.set(openItems$()[0]);
+      }
+    });
+    const action$ = tansu.computed(() => {
+      checkCloseOthersAction$();
+    });
+    return {
+      ...utils_stores.stateStores({ itemWidgets$, className$ }),
+      patch,
+      api: {
+        expand: async (id, animated) => {
+          await getItem(itemWidgets$(), id)?.api.expand(animated);
+        },
+        collapse: async (id, animated) => {
+          await getItem(itemWidgets$(), id)?.api.collapse(animated);
+        },
+        toggle: async (id, animated) => {
+          await getItem(itemWidgets$(), id)?.api.toggle(animated);
+        },
+        expandAll: async (animated) => {
+          await Promise.all(itemWidgets$().map((i) => i.api.expand(animated)));
+        },
+        collapseAll: async (animated) => {
+          await Promise.all(itemWidgets$().map((i) => i.api.collapse(animated)));
+        },
+        registerItem: (propsConfig) => {
+          const itemProps = accordionItemProps;
+          const config2 = utils_stores.mergeConfigStores(
+            itemProps,
+            utils_stores.normalizeConfigStores(itemProps, propsConfig?.config),
+            accordionItemConfig
+          );
+          const [{ onHidden$, onShown$ }] = utils_stores.writablesForProps(
+            {
+              onHidden: defaultItemConfig.onHidden,
+              onShown: defaultItemConfig.onShown
+            },
+            { config: config2, props: propsConfig?.props }
+          );
+          const item = itemFactory({
+            config: config2,
+            props: {
+              ...propsConfig?.props,
+              onHidden: tansu.asWritable(
+                tansu.readable(() => {
+                  onItemHidden$()(item.stores.id$());
+                  onHidden$()?.();
+                }),
+                (val) => {
+                  onItemHidden$.set(val);
+                }
+              ),
+              onShown: tansu.asWritable(
+                tansu.readable(() => {
+                  onItemShown$()(item.stores.id$());
+                  onShown$()?.();
+                }),
+                (val) => {
+                  onItemShown$.set(val);
+                }
+              )
+            }
+          });
+          item.directives.itemDirective = utils_directive.mergeDirectives(
+            () => ({
+              destroy: itemWidgets$.register(item)
+            }),
+            utils_directive.createAttributesDirective(() => ({
+              attributes: { class: item.stores.className$, id: item.stores.id$ }
+            }))
+          );
+          return item;
+        }
+      },
+      directives: {
+        accordionDirective: utils_directive.mergeDirectives(
+          utils_directive.directiveSubscribe(action$),
+          utils_directive.createAttributesDirective(() => ({
+            attributes: { class: className$ },
+            classNames: { "au-accordion": utils_stores.true$ }
+          }))
+        )
+      }
+    };
+  });
+}
+const createAccordion = factoryCreateAccordion();
+exports.createAccordion = createAccordion;
+exports.createAccordionItem = createAccordionItem;
+exports.factoryCreateAccordion = factoryCreateAccordion;
+exports.getAccordionDefaultConfig = getAccordionDefaultConfig;

package/accordion-D9ba0XYq.js

@@ -0,0 +1,315 @@
+import { writablesForProps, idWithDefault, stateStores, true$, mergeConfigStores, normalizeConfigStores } from "./utils/stores.js";
+import { createTransition } from "./services/transitions/baseTransitions.js";
+import { writable, computed, readable, asWritable } from "@amadeus-it-group/tansu";
+import { noop } from "./utils/func.js";
+import { j as typeString, e as typeFunction, b as typeBoolean, c as createTypeEnum } from "./writables-DYGjj5T3.js";
+import { s as mergeDirectives, g as createAttributesDirective, u as registrationArray, o as directiveSubscribe } from "./directive-CNNSo5Yn.js";
+import { createWidgetFactory } from "./utils/widget.js";
+function adjustItemsCloseOthers(items, openItems, oldOpen) {
+  let keepOpen;
+  if (openItems.length == 2) {
+    oldOpen = oldOpen ?? openItems[0];
+    keepOpen = openItems.find((id) => id !== oldOpen);
+  } else if (openItems.length > 2) {
+    keepOpen = openItems[0];
+  }
+  if (keepOpen) {
+    items.forEach((item) => {
+      if (item.stores.id$() !== keepOpen && item.stores.visible$()) {
+        item.patch({ visible: false });
+      }
+    });
+  }
+  return items;
+}
+function getItem(items, id) {
+  return items.find((item) => item.stores.id$() === id);
+}
+const defaultAccordionConfig = {
+  closeOthers: false,
+  onItemShown: noop,
+  onItemHidden: noop,
+  className: "",
+  itemDestroyOnHide: true,
+  itemAnimated: true,
+  itemTransition: noop,
+  itemHeadingLevel: 2,
+  itemClassName: "",
+  itemHeaderClassName: "",
+  itemButtonClassName: "",
+  itemBodyContainerClassName: "",
+  itemBodyClassName: ""
+};
+const defaultItemConfig = {
+  id: "",
+  destroyOnHide: defaultAccordionConfig.itemDestroyOnHide,
+  disabled: false,
+  visible: false,
+  animated: defaultAccordionConfig.itemAnimated,
+  transition: defaultAccordionConfig.itemTransition,
+  onShown: noop,
+  onHidden: noop,
+  onVisibleChange: noop,
+  className: defaultAccordionConfig.itemClassName,
+  headerClassName: defaultAccordionConfig.itemHeaderClassName,
+  buttonClassName: defaultAccordionConfig.itemButtonClassName,
+  bodyContainerClassName: defaultAccordionConfig.itemBodyContainerClassName,
+  bodyClassName: defaultAccordionConfig.itemBodyClassName,
+  headingLevel: defaultAccordionConfig.itemHeadingLevel
+};
+const coreAccordionItemProps = Object.keys(defaultItemConfig);
+function getAccordionDefaultConfig() {
+  return { ...defaultAccordionConfig };
+}
+const configAccordionValidator = {
+  closeOthers: typeBoolean,
+  onItemShown: typeFunction,
+  onItemHidden: typeFunction,
+  className: typeString,
+  itemDestroyOnHide: typeBoolean,
+  itemAnimated: typeBoolean,
+  itemTransition: typeFunction,
+  itemClassName: typeString,
+  itemHeaderClassName: typeString,
+  itemButtonClassName: typeString,
+  itemBodyContainerClassName: typeString,
+  itemBodyClassName: typeString,
+  itemHeadingLevel: createTypeEnum([1, 2, 3, 4, 5, 6])
+};
+const configItemValidator = {
+  id: typeString,
+  destroyOnHide: typeBoolean,
+  disabled: typeBoolean,
+  visible: typeBoolean,
+  animated: typeBoolean,
+  transition: typeFunction,
+  onShown: typeFunction,
+  onHidden: typeFunction,
+  onVisibleChange: typeFunction,
+  className: typeString,
+  headerClassName: typeString,
+  buttonClassName: typeString,
+  bodyContainerClassName: typeString,
+  bodyClassName: typeString,
+  headingLevel: createTypeEnum([1, 2, 3, 4, 5, 6])
+};
+function createAccordionItem(config) {
+  const [
+    {
+      bodyClassName$,
+      buttonClassName$,
+      bodyContainerClassName$,
+      headerClassName$,
+      animated$,
+      transition$,
+      destroyOnHide$,
+      onShown$,
+      onHidden$,
+      onVisibleChange$,
+      visible$,
+      id$: _dirtyId$,
+      disabled$,
+      ...stateProps
+    },
+    patch
+  ] = writablesForProps(defaultItemConfig, config, configItemValidator);
+  const initDone$ = writable(false);
+  const id$ = idWithDefault(_dirtyId$);
+  const transition = createTransition({
+    props: {
+      transition: transition$,
+      visible: visible$,
+      onVisibleChange: onVisibleChange$,
+      animated: animated$,
+      animatedOnInit: false,
+      initDone: initDone$,
+      onHidden: () => {
+        onHidden$()();
+      },
+      onShown: () => {
+        onShown$()();
+      }
+    }
+  });
+  const shouldBeInDOM$ = computed(() => !destroyOnHide$() || !transition.stores.hidden$());
+  const toggleDirective = createAttributesDirective(() => ({
+    attributes: {
+      id: computed(() => `${id$()}-toggle`),
+      "aria-expanded": computed(() => `${visible$()}`),
+      "aria-disabled": computed(() => `${disabled$()}`),
+      "aria-controls": computed(() => `${id$()}-body-container`),
+      disabled: disabled$
+    },
+    classNames: { collapsed: computed(() => !visible$()) },
+    events: {
+      click: () => {
+        if (!disabled$()) {
+          void transition.api.toggle();
+        }
+      }
+    }
+  }));
+  const transitionDirective = transition.directives.directive;
+  const bodyContainerAttrsDirective = createAttributesDirective(() => ({
+    attributes: {
+      id: computed(() => `${id$()}-body-container`),
+      class: bodyContainerClassName$,
+      "aria-labelledby": computed(() => `${id$()}-toggle`),
+      role: readable("region")
+    }
+  }));
+  return {
+    ...stateStores({
+      visible$,
+      id$,
+      shouldBeInDOM$,
+      disabled$,
+      bodyClassName$,
+      buttonClassName$,
+      bodyContainerClassName$,
+      headerClassName$,
+      ...stateProps
+    }),
+    patch,
+    api: {
+      initDone: () => {
+        initDone$.set(true);
+      },
+      collapse: transition.api.hide,
+      expand: transition.api.show,
+      toggle: (animated) => transition.api.toggle(void 0, animated)
+    },
+    directives: {
+      toggleDirective,
+      buttonDirective: mergeDirectives(
+        toggleDirective,
+        createAttributesDirective(() => ({
+          attributes: {
+            type: readable("button"),
+            class: buttonClassName$
+          }
+        }))
+      ),
+      headerDirective: createAttributesDirective(() => ({ attributes: { class: headerClassName$ } })),
+      bodyDirective: createAttributesDirective(() => ({ attributes: { class: bodyClassName$ } })),
+      transitionDirective,
+      bodyContainerAttrsDirective,
+      bodyContainerDirective: mergeDirectives(transitionDirective, bodyContainerAttrsDirective),
+      itemDirective: noop
+    }
+  };
+}
+function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItemProps = coreAccordionItemProps, accordionConfig = defaultAccordionConfig, accordionValidator = configAccordionValidator) {
+  return createWidgetFactory("accordion", (config) => {
+    const [writables, patch] = writablesForProps(accordionConfig, config, accordionValidator);
+    const { closeOthers$, onItemShown$, onItemHidden$, className$ } = writables;
+    const accordionItemConfig = Object.fromEntries(
+      Object.entries(writables).filter((entry) => entry[0].startsWith("item")).map((entry) => [entry[0].charAt(4).toLowerCase() + entry[0].slice(5, -1), entry[1]])
+    );
+    const itemWidgets$ = registrationArray();
+    const openItems$ = computed(() => {
+      const openItems = [];
+      itemWidgets$().forEach((item) => {
+        if (item.stores.visible$()) {
+          openItems.push(item.stores.id$());
+        }
+      });
+      return openItems;
+    });
+    const oldOpenItem$ = writable(openItems$()[0]);
+    const checkCloseOthersAction$ = computed(() => {
+      if (closeOthers$()) {
+        adjustItemsCloseOthers(itemWidgets$(), openItems$(), oldOpenItem$());
+        oldOpenItem$.set(openItems$()[0]);
+      }
+    });
+    const action$ = computed(() => {
+      checkCloseOthersAction$();
+    });
+    return {
+      ...stateStores({ itemWidgets$, className$ }),
+      patch,
+      api: {
+        expand: async (id, animated) => {
+          await getItem(itemWidgets$(), id)?.api.expand(animated);
+        },
+        collapse: async (id, animated) => {
+          await getItem(itemWidgets$(), id)?.api.collapse(animated);
+        },
+        toggle: async (id, animated) => {
+          await getItem(itemWidgets$(), id)?.api.toggle(animated);
+        },
+        expandAll: async (animated) => {
+          await Promise.all(itemWidgets$().map((i) => i.api.expand(animated)));
+        },
+        collapseAll: async (animated) => {
+          await Promise.all(itemWidgets$().map((i) => i.api.collapse(animated)));
+        },
+        registerItem: (propsConfig) => {
+          const itemProps = accordionItemProps;
+          const config2 = mergeConfigStores(
+            itemProps,
+            normalizeConfigStores(itemProps, propsConfig?.config),
+            accordionItemConfig
+          );
+          const [{ onHidden$, onShown$ }] = writablesForProps(
+            {
+              onHidden: defaultItemConfig.onHidden,
+              onShown: defaultItemConfig.onShown
+            },
+            { config: config2, props: propsConfig?.props }
+          );
+          const item = itemFactory({
+            config: config2,
+            props: {
+              ...propsConfig?.props,
+              onHidden: asWritable(
+                readable(() => {
+                  onItemHidden$()(item.stores.id$());
+                  onHidden$()?.();
+                }),
+                (val) => {
+                  onItemHidden$.set(val);
+                }
+              ),
+              onShown: asWritable(
+                readable(() => {
+                  onItemShown$()(item.stores.id$());
+                  onShown$()?.();
+                }),
+                (val) => {
+                  onItemShown$.set(val);
+                }
+              )
+            }
+          });
+          item.directives.itemDirective = mergeDirectives(
+            () => ({
+              destroy: itemWidgets$.register(item)
+            }),
+            createAttributesDirective(() => ({
+              attributes: { class: item.stores.className$, id: item.stores.id$ }
+            }))
+          );
+          return item;
+        }
+      },
+      directives: {
+        accordionDirective: mergeDirectives(
+          directiveSubscribe(action$),
+          createAttributesDirective(() => ({
+            attributes: { class: className$ },
+            classNames: { "au-accordion": true$ }
+          }))
+        )
+      }
+    };
+  });
+}
+const createAccordion = factoryCreateAccordion();
+export {
+  createAccordionItem as a,
+  createAccordion as c,
+  factoryCreateAccordion as f,
+  getAccordionDefaultConfig as g
+};

package/alert-AhaliJ17.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const common = require("./common-B5jS-Ih_.cjs");
+const utils_widget = require("./utils/widget.cjs");
+function getAlertDefaultConfig() {
+  return { ...common.getCommonAlertDefaultConfig() };
+}
+const createAlert = utils_widget.createWidgetFactory("alert", common.createCommonAlert);
+exports.createAlert = createAlert;
+exports.getAlertDefaultConfig = getAlertDefaultConfig;

package/alert-Cb9FhbFQ.js

@@ -0,0 +1,10 @@
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-DFyZvkII.js";
+import { createWidgetFactory } from "./utils/widget.js";
+function getAlertDefaultConfig() {
+  return { ...getCommonAlertDefaultConfig() };
+}
+const createAlert = createWidgetFactory("alert", createCommonAlert);
+export {
+  createAlert as c,
+  getAlertDefaultConfig as g
+};