@agnos-ui/core/progressbar-BWBlRk_Y.js

Framework-agnostic headless component library.

import { k as clamp, g as typeFunction, e as typeString, a as typeNumber } from "./writables-CgpOQ4hA.js";
import { writablesForProps, stateStores } from "./utils/stores.js";
import { computed, readable } from "@amadeus-it-group/tansu";
import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
import { createWidgetFactory } from "./utils/widget.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
};
const createProgressbar = createWidgetFactory("progressbar", (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: readable("progressbar"),
          "aria-label": ariaLabel$,
          "aria-valuenow": value$,
          "aria-valuemin": min$,
          "aria-valuemax": max$,
          "aria-valuetext": ariaValueText$
        }
      }))
    }
  };
});
export {
  createProgressbar as c,
  getProgressbarDefaultConfig as g
};