@agnos-ui/core 0.2.0 → 0.3.0

package/progressbar-DuRX7_my.js

@@ -0,0 +1,84 @@
+import { i as clamp, a as typeNumber, e as typeString, f as typeFunction } from "./writables-DoU_XYTX.js";
+import { writablesForProps, stateStores } from "./utils/stores.js";
+import { computed } from "@amadeus-it-group/tansu";
+import { n as createAttributesDirective } from "./directive-DCYlDznf.js";
+const defaultConfig = {
+  min: 0,
+  max: 100,
+  value: 0,
+  ariaLabel: "Progressbar",
+  className: "",
+  ariaValueTextFn: () => void 0
+};
+function getProgressbarDefaultConfig() {
+  return { ...defaultConfig };
+}
+const configValidator = {
+  min: typeNumber,
+  max: typeNumber,
+  value: typeNumber,
+  ariaLabel: typeString,
+  className: typeString,
+  ariaValueTextFn: typeFunction
+};
+function createProgressbar(config) {
+  const [
+    {
+      // dirty inputs that need adjustment:
+      max$: _dirtyMaximum$,
+      value$: _dirtyValue$,
+      // clean inputs
+      min$,
+      ariaValueTextFn$,
+      ariaLabel$,
+      ...stateProps
+    },
+    patch
+  ] = writablesForProps(defaultConfig, config, configValidator);
+  const max$ = computed(() => Math.max(min$(), _dirtyMaximum$()));
+  const value$ = computed(() => clamp(_dirtyValue$(), max$(), min$()));
+  const percentage$ = computed(() => {
+    const max = max$();
+    const min = min$();
+    if (max > min) {
+      return clamp((value$() - min) * 100 / (max - min), 100, 0);
+    } else {
+      return 0;
+    }
+  });
+  const started$ = computed(() => value$() > min$());
+  const finished$ = computed(() => value$() === max$());
+  const ariaValueText$ = computed(() => ariaValueTextFn$()(value$(), min$(), max$()));
+  return {
+    ...stateStores({
+      min$,
+      max$,
+      value$,
+      percentage$,
+      started$,
+      finished$,
+      ariaValueText$,
+      ariaLabel$,
+      ...stateProps
+    }),
+    patch,
+    api: {},
+    directives: {
+      ariaDirective: createAttributesDirective(() => ({
+        attributes: {
+          role: "progressbar",
+          "aria-label": ariaLabel$,
+          "aria-valuenow": value$,
+          "aria-valuemin": min$,
+          "aria-valuemax": max$,
+          "aria-valuetext": ariaValueText$
+        }
+      }))
+    },
+    actions: {}
+  };
+}
+export {
+  createProgressbar as c,
+  getProgressbarDefaultConfig as g
+};

package/promise-BMJ8qhA8.cjs

@@ -0,0 +1,118 @@
+"use strict";
+const tansu = require("@amadeus-it-group/tansu");
+const func = require("./func-Qd3cD9a3.cjs");
+const promisePending = { status: "pending" };
+const isThenable = (value) => {
+  const type = typeof value;
+  return type === "object" && value !== null || type === "function" ? typeof value.then === "function" : false;
+};
+const createPromiseStateStore = (promise) => {
+  const store = tansu.writable(promisePending);
+  Promise.resolve(promise).then(
+    (value) => store.set({ status: "fulfilled", value }),
+    (reason) => store.set({ status: "rejected", reason })
+  );
+  return tansu.asReadable(store);
+};
+const promiseWeakMap = /* @__PURE__ */ new WeakMap();
+const promiseStateStore = (value) => {
+  if (!isThenable(value)) {
+    return tansu.readable({ status: "fulfilled", value });
+  }
+  let response = promiseWeakMap.get(value);
+  if (!response) {
+    response = createPromiseStateStore(value);
+    promiseWeakMap.set(value, response);
+  }
+  return response;
+};
+const promiseStateStoreEqual = (a, b) => Object.is(a, b) || a.status === b.status && (a.status !== "fulfilled" || tansu.equal(a.value, b.value)) && (a.status !== "rejected" || tansu.equal(a.reason, b.reason));
+const promiseStoreToPromiseStateStore = (promiseStore$) => tansu.computed(() => promiseStateStore(promiseStore$())(), { equal: promiseStateStoreEqual });
+const promiseStateStoreToValueStore = (store$, initialValue, equal2) => tansu.derived(
+  store$,
+  {
+    derive: (state, set) => {
+      if (state.status === "fulfilled") {
+        set(state.value);
+      }
+    },
+    equal: equal2
+  },
+  initialValue
+);
+const promiseStoreToValueStore = (promiseStore$, initialValue, equal2) => promiseStateStoreToValueStore(promiseStoreToPromiseStateStore(promiseStore$), initialValue, equal2);
+const truthyValue = (value) => !!value;
+const promiseFromStore = (store, condition = truthyValue) => {
+  let resolve;
+  const promise = new Promise((r) => resolve = r);
+  let unsubscribe = () => {
+    storeUnsubscribe();
+    unsubscribe = func.noop;
+  };
+  let storeUnsubscribe = func.noop;
+  storeUnsubscribe = store.subscribe((value) => {
+    if (condition(value)) {
+      resolve(value);
+      unsubscribe();
+    }
+  });
+  if (unsubscribe === func.noop) {
+    storeUnsubscribe();
+  }
+  return {
+    promise,
+    unsubscribe() {
+      unsubscribe();
+    }
+  };
+};
+const promiseFromEvent = (element, event) => {
+  let resolve;
+  const promise = new Promise((r) => resolve = r);
+  let unsubscribe = () => {
+    element.removeEventListener(event, eventListener);
+    unsubscribe = func.noop;
+  };
+  const eventListener = (event2) => {
+    if (event2.target === element) {
+      resolve(event2);
+      unsubscribe();
+    }
+  };
+  element.addEventListener(event, eventListener);
+  return {
+    promise,
+    unsubscribe() {
+      unsubscribe();
+    }
+  };
+};
+const promiseFromTimeout = (delay) => {
+  let timeout;
+  return {
+    promise: new Promise((r) => {
+      timeout = setTimeout(() => {
+        timeout = void 0;
+        r();
+      }, delay);
+    }),
+    unsubscribe() {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = void 0;
+      }
+    }
+  };
+};
+const promiseWithResolve = () => {
+  let resolve;
+  const promise = new Promise((r) => {
+    resolve = r;
+  });
+  return { promise, resolve };
+};
+exports.promiseFromEvent = promiseFromEvent;
+exports.promiseFromStore = promiseFromStore;
+exports.promiseFromTimeout = promiseFromTimeout;
+exports.promiseStoreToValueStore = promiseStoreToValueStore;
+exports.promiseWithResolve = promiseWithResolve;

package/promise-CY2U8bTP.js

@@ -0,0 +1,119 @@
+import { computed, derived, readable, equal, writable, asReadable } from "@amadeus-it-group/tansu";
+import { n as noop } from "./func-DR0n-ShK.js";
+const promisePending = { status: "pending" };
+const isThenable = (value) => {
+  const type = typeof value;
+  return type === "object" && value !== null || type === "function" ? typeof value.then === "function" : false;
+};
+const createPromiseStateStore = (promise) => {
+  const store = writable(promisePending);
+  Promise.resolve(promise).then(
+    (value) => store.set({ status: "fulfilled", value }),
+    (reason) => store.set({ status: "rejected", reason })
+  );
+  return asReadable(store);
+};
+const promiseWeakMap = /* @__PURE__ */ new WeakMap();
+const promiseStateStore = (value) => {
+  if (!isThenable(value)) {
+    return readable({ status: "fulfilled", value });
+  }
+  let response = promiseWeakMap.get(value);
+  if (!response) {
+    response = createPromiseStateStore(value);
+    promiseWeakMap.set(value, response);
+  }
+  return response;
+};
+const promiseStateStoreEqual = (a, b) => Object.is(a, b) || a.status === b.status && (a.status !== "fulfilled" || equal(a.value, b.value)) && (a.status !== "rejected" || equal(a.reason, b.reason));
+const promiseStoreToPromiseStateStore = (promiseStore$) => computed(() => promiseStateStore(promiseStore$())(), { equal: promiseStateStoreEqual });
+const promiseStateStoreToValueStore = (store$, initialValue, equal2) => derived(
+  store$,
+  {
+    derive: (state, set) => {
+      if (state.status === "fulfilled") {
+        set(state.value);
+      }
+    },
+    equal: equal2
+  },
+  initialValue
+);
+const promiseStoreToValueStore = (promiseStore$, initialValue, equal2) => promiseStateStoreToValueStore(promiseStoreToPromiseStateStore(promiseStore$), initialValue, equal2);
+const truthyValue = (value) => !!value;
+const promiseFromStore = (store, condition = truthyValue) => {
+  let resolve;
+  const promise = new Promise((r) => resolve = r);
+  let unsubscribe = () => {
+    storeUnsubscribe();
+    unsubscribe = noop;
+  };
+  let storeUnsubscribe = noop;
+  storeUnsubscribe = store.subscribe((value) => {
+    if (condition(value)) {
+      resolve(value);
+      unsubscribe();
+    }
+  });
+  if (unsubscribe === noop) {
+    storeUnsubscribe();
+  }
+  return {
+    promise,
+    unsubscribe() {
+      unsubscribe();
+    }
+  };
+};
+const promiseFromEvent = (element, event) => {
+  let resolve;
+  const promise = new Promise((r) => resolve = r);
+  let unsubscribe = () => {
+    element.removeEventListener(event, eventListener);
+    unsubscribe = noop;
+  };
+  const eventListener = (event2) => {
+    if (event2.target === element) {
+      resolve(event2);
+      unsubscribe();
+    }
+  };
+  element.addEventListener(event, eventListener);
+  return {
+    promise,
+    unsubscribe() {
+      unsubscribe();
+    }
+  };
+};
+const promiseFromTimeout = (delay) => {
+  let timeout;
+  return {
+    promise: new Promise((r) => {
+      timeout = setTimeout(() => {
+        timeout = void 0;
+        r();
+      }, delay);
+    }),
+    unsubscribe() {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = void 0;
+      }
+    }
+  };
+};
+const promiseWithResolve = () => {
+  let resolve;
+  const promise = new Promise((r) => {
+    resolve = r;
+  });
+  return { promise, resolve };
+};
+export {
+  promiseFromEvent as a,
+  promiseFromTimeout as b,
+  promiseWithResolve as c,
+  promiseFromStore as d,
+  promiseStoreToValueStore as p
+};

package/rating-BR5wD7y2.js

@@ -0,0 +1,173 @@
+import { computed, writable } from "@amadeus-it-group/tansu";
+import { INVALID_VALUE } from "./types.js";
+import { n as createAttributesDirective } from "./directive-DCYlDznf.js";
+import { i as clamp, a as typeNumber, j as isNumber, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DoU_XYTX.js";
+import { n as noop } from "./func-DR0n-ShK.js";
+import { writablesForProps, bindableProp, stateStores } from "./utils/stores.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
+};
+function createRating(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$()));
+  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,
+    actions: {
+      click: (index) => {
+        if (interactive$() && index > 0 && index <= maxRating$()) {
+          rating$.update((rating) => rating === index && resettable$() ? 0 : index);
+        }
+      },
+      hover: (index) => {
+        if (interactive$() && index > 0 && index <= maxRating$()) {
+          _hoveredRating$.set(index);
+          onHover$()(index);
+        }
+      },
+      leave: () => {
+        if (interactive$()) {
+          onLeave$()(_hoveredRating$());
+          _hoveredRating$.set(0);
+        }
+      },
+      handleKey(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();
+        }
+      }
+    },
+    directives: {
+      containerDirective: createAttributesDirective(() => ({
+        events: {
+          keydown: (e) => widget.actions.handleKey(e),
+          mouseleave: () => widget.actions.leave()
+        },
+        attributes: {
+          role: "slider",
+          class: className$,
+          "aria-valuemin": 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: () => widget.actions.hover(starContext$().index + 1),
+            click: () => widget.actions.click(starContext$().index + 1)
+          },
+          styles: {
+            cursor: computed(() => interactive$() ? "pointer" : "default")
+          },
+          classNames: {
+            "au-rating-star": true
+          }
+        };
+      })
+    },
+    api: {}
+  };
+  return widget;
+}
+export {
+  createRating as c,
+  getRatingDefaultConfig as g
+};

package/rating-CmuYUSxy.cjs

@@ -0,0 +1,172 @@
+"use strict";
+const tansu = require("@amadeus-it-group/tansu");
+const types = require("./types.cjs");
+const utils_directive = require("./directive-BTSEYLF3.cjs");
+const utils_writables = require("./writables-D46sFgGK.cjs");
+const func = require("./func-Qd3cD9a3.cjs");
+const utils_stores = require("./utils/stores.cjs");
+const defaultConfig = {
+  rating: 0,
+  tabindex: 0,
+  maxRating: 10,
+  disabled: false,
+  readonly: false,
+  resettable: true,
+  ariaValueTextFn: (rating, maxRating) => `${rating} out of ${maxRating}`,
+  onHover: func.noop,
+  onLeave: func.noop,
+  onRatingChange: 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
+};
+function createRating(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$()));
+  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,
+    actions: {
+      click: (index) => {
+        if (interactive$() && index > 0 && index <= maxRating$()) {
+          rating$.update((rating) => rating === index && resettable$() ? 0 : index);
+        }
+      },
+      hover: (index) => {
+        if (interactive$() && index > 0 && index <= maxRating$()) {
+          _hoveredRating$.set(index);
+          onHover$()(index);
+        }
+      },
+      leave: () => {
+        if (interactive$()) {
+          onLeave$()(_hoveredRating$());
+          _hoveredRating$.set(0);
+        }
+      },
+      handleKey(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();
+        }
+      }
+    },
+    directives: {
+      containerDirective: utils_directive.createAttributesDirective(() => ({
+        events: {
+          keydown: (e) => widget.actions.handleKey(e),
+          mouseleave: () => widget.actions.leave()
+        },
+        attributes: {
+          role: "slider",
+          class: className$,
+          "aria-valuemin": 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": true
+        }
+      })),
+      starDirective: utils_directive.createAttributesDirective((starContext$) => {
+        return {
+          events: {
+            mouseenter: () => widget.actions.hover(starContext$().index + 1),
+            click: () => widget.actions.click(starContext$().index + 1)
+          },
+          styles: {
+            cursor: tansu.computed(() => interactive$() ? "pointer" : "default")
+          },
+          classNames: {
+            "au-rating-star": true
+          }
+        };
+      })
+    },
+    api: {}
+  };
+  return widget;
+}
+exports.createRating = createRating;
+exports.getRatingDefaultConfig = getRatingDefaultConfig;