@agnos-ui/core 0.2.0 → 0.3.0

package/package.json

@@ -1,64 +1,74 @@
 {
 	"name": "@agnos-ui/core",
 	"description": "Framework-agnostic headless widget library.",
-	"keywords": [
-		"headless",
-		"agnostic",
-		"components",
-		"widgets",
-		"accordion",
-		"alert",
-		"modal",
-		"pagination",
-		"rating",
-		"slider"
-	],
+	"version": "0.3.0",
 	"type": "module",
-	"main": "./index.js",
+	"main": "./index.cjs",
 	"module": "./index.js",
 	"types": "./index.d.ts",
 	"exports": {
 		".": {
 			"types": "./index.d.ts",
+			"require": "./index.cjs",
 			"default": "./index.js"
 		},
 		"./components/*": {
-			"types": "./components/*/*.d.ts",
-			"default": "./components/*/*.js"
+			"types": "./components/*/index.d.ts",
+			"require": "./components/*/index.cjs",
+			"default": "./components/*/index.js"
 		},
 		"./config": {
 			"types": "./config.d.ts",
+			"require": "./config.cjs",
 			"default": "./config.js"
 		},
 		"./types": {
 			"types": "./types.d.ts",
+			"require": "./types.cjs",
 			"default": "./types.js"
 		},
 		"./services/*": {
 			"types": "./services/*.d.ts",
+			"require": "./services/*.cjs",
 			"default": "./services/*.js"
 		},
 		"./services/transitions/*": {
 			"types": "./services/transitions/*.d.ts",
+			"require": "./services/transitions/*.cjs",
 			"default": "./services/transitions/*.js"
 		},
 		"./utils/*": {
 			"types": "./utils/*.d.ts",
+			"require": "./utils/*.cjs",
 			"default": "./utils/*.js"
 		}
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "*",
-		"@floating-ui/dom": "*"
+		"@floating-ui/dom": "*",
+		"esm-env": "*"
 	},
 	"sideEffects": false,
-	"version": "0.2.0",
 	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
 	"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
 	"license": "MIT",
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
+		"url": "git+https://github.com/AmadeusITGroup/AgnosUI.git",
 		"directory": "core"
-	}
+	},
+	"keywords": [
+		"headless",
+		"AgnosUI",
+		"accordion",
+		"alert",
+		"components",
+		"modal",
+		"pagination",
+		"progressbar",
+		"rating",
+		"slider",
+		"toast",
+		"widgets"
+	]
 }

package/pagination--GkwduJn.js

@@ -0,0 +1,263 @@
+import { computed } from "@amadeus-it-group/tansu";
+import { INVALID_VALUE } from "./types.js";
+import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
+import { i as clamp, a as typeNumber, c as typeBoolean, f as typeFunction, e as typeString, j as isNumber } from "./writables-DoU_XYTX.js";
+import { n as noop } from "./func-DR0n-ShK.js";
+import { n as createAttributesDirective } from "./directive-DCYlDznf.js";
+const PAGE_LINK_DEFAULT = "#";
+const defaultConfig = {
+  page: 1,
+  collectionSize: 0,
+  pageSize: 10,
+  disabled: false,
+  directionLinks: true,
+  boundaryLinks: false,
+  size: null,
+  onPageChange: noop,
+  pagesFactory: (_page, pageCount) => {
+    const pages = [];
+    for (let i = 1; i <= pageCount; i++) {
+      pages.push(i);
+    }
+    return pages;
+  },
+  ariaLabel: "Page navigation",
+  activeLabel: "(current)",
+  ariaPageLabel: (processPage, pageCount) => `Page ${processPage} of ${pageCount}`,
+  ariaFirstLabel: "Action link for first page",
+  ariaPreviousLabel: "Action link for previous page",
+  ariaNextLabel: "Action link for next page",
+  ariaLastLabel: "Action link for last page",
+  ariaEllipsisLabel: "Ellipsis page element",
+  ariaLiveLabel: (currentPage, pageCount) => `Current page is ${currentPage}`,
+  className: "",
+  pageLink: (_page) => PAGE_LINK_DEFAULT
+};
+function getPaginationDefaultConfig() {
+  return { ...defaultConfig };
+}
+const configValidator = {
+  page: typeNumber,
+  collectionSize: typeNumber,
+  pageSize: typeNumber,
+  disabled: typeBoolean,
+  directionLinks: typeBoolean,
+  boundaryLinks: typeBoolean,
+  size: { normalizeValue: (value) => value === "lg" || value === "sm" || value === null ? value : INVALID_VALUE },
+  onPageChange: typeFunction,
+  pagesFactory: typeFunction,
+  ariaLabel: typeString,
+  activeLabel: typeString,
+  ariaPageLabel: typeFunction,
+  ariaFirstLabel: typeString,
+  ariaPreviousLabel: typeString,
+  ariaNextLabel: typeString,
+  ariaLastLabel: typeString,
+  ariaLiveLabel: typeFunction,
+  className: typeString,
+  pageLink: typeFunction
+};
+function createPagination(config) {
+  const [
+    {
+      // dirty inputs that need adjustment:
+      page$: _dirtyPage$,
+      // clean inputs with value validation:
+      collectionSize$,
+      pageSize$,
+      onPageChange$,
+      pagesFactory$,
+      ariaPageLabel$,
+      ariaLiveLabel$,
+      pageLink$,
+      disabled$,
+      ariaFirstLabel$,
+      ariaLastLabel$,
+      ariaNextLabel$,
+      ariaPreviousLabel$,
+      ...stateProps
+    },
+    patch
+  ] = writablesForProps(defaultConfig, config, configValidator);
+  const pageCount$ = computed(() => {
+    let pageCount = Math.ceil(collectionSize$() / pageSize$());
+    if (!isNumber(pageCount) || pageCount < 1) {
+      pageCount = 1;
+    }
+    return pageCount;
+  });
+  const page$ = bindableProp(_dirtyPage$, onPageChange$, (dirtyPage) => clamp(dirtyPage, pageCount$(), 1));
+  const pages$ = computed(() => pagesFactory$()(page$(), pageCount$()));
+  const nextDisabled$ = computed(() => page$() === pageCount$() || disabled$());
+  const previousDisabled$ = computed(() => page$() === 1 || disabled$());
+  const pagesLabel$ = computed(() => {
+    const ariaPageLabel = ariaPageLabel$();
+    const pageCount = pageCount$();
+    return pages$().map((page) => ariaPageLabel(page, pageCount));
+  });
+  const pagesHrefs$ = computed(() => {
+    const pageLinkFactory = pageLink$();
+    const pageCount = pageCount$();
+    return Array.from({ length: pageCount }, (_, index) => pageLinkFactory(index + 1));
+  });
+  const directionsHrefs$ = computed(() => {
+    const pagesHrefs = pagesHrefs$();
+    const pageIndex = page$() - 1;
+    return {
+      previous: pagesHrefs.at(pageIndex > 0 ? pageIndex - 1 : 0),
+      next: pagesHrefs.at(pageIndex + 1) ?? pagesHrefs.at(-1)
+    };
+  });
+  const ariaLiveLabelText$ = computed(() => ariaLiveLabel$()(page$(), pageCount$()));
+  function handleNavigation(pageNumber, event, pageNavigationHandler) {
+    if (pagesHrefs$()[pageNumber - 1] === PAGE_LINK_DEFAULT) {
+      event == null ? void 0 : event.preventDefault();
+    }
+    if (!event || !(event.ctrlKey || event.metaKey)) {
+      event == null ? void 0 : event.preventDefault();
+      if (pageNavigationHandler) {
+        page$.update(pageNavigationHandler);
+      } else {
+        page$.set(pageNumber);
+      }
+    }
+  }
+  const widget = {
+    ...stateStores({
+      pageCount$,
+      page$,
+      pages$,
+      nextDisabled$,
+      previousDisabled$,
+      pagesLabel$,
+      pagesHrefs$,
+      directionsHrefs$,
+      disabled$,
+      ariaFirstLabel$,
+      ariaLastLabel$,
+      ariaNextLabel$,
+      ariaPreviousLabel$,
+      ariaLiveLabelText$,
+      ...stateProps
+    }),
+    patch,
+    actions: {
+      /**
+       * Set the current page pageNumber (starting from 1)
+       * @param pageNumber - Current page number to set.
+       * Value is normalized between 1 and the number of page
+       * @param event UI event that triggered the select
+       */
+      select(pageNumber, event) {
+        handleNavigation(pageNumber, event);
+      },
+      /**
+       * Select the first page
+       * @param event Event triggering the action
+       */
+      first(event) {
+        handleNavigation(1, event);
+      },
+      /**
+       * Select the previous page
+       * @param event Event triggering the action
+       */
+      previous(event) {
+        handleNavigation(page$() - 1, event, (page) => page - 1);
+      },
+      /**
+       * Select the next page
+       * @param event Event triggering the action
+       */
+      next(event) {
+        handleNavigation(page$() + 1, event, (page) => page + 1);
+      },
+      /**
+       * Select the last page
+       * @param event Event triggering the action
+       */
+      last(event) {
+        handleNavigation(pageCount$(), event);
+      }
+    },
+    api: {},
+    directives: {
+      pageLink: createAttributesDirective((pageLinkContext$) => ({
+        events: {
+          click: (e) => widget.actions.select(pageLinkContext$().page, e)
+        },
+        attributes: {
+          "aria-current": computed(() => page$() === pageLinkContext$().page ? "page" : void 0),
+          "aria-label": computed(() => pagesLabel$()[pageLinkContext$().page - 1]),
+          href: computed(() => pagesHrefs$()[pageLinkContext$().page - 1]),
+          tabindex: computed(() => disabled$() ? "-1" : void 0),
+          "aria-disabled": computed(() => disabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-page": true
+        }
+      })),
+      pageFirst: createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.first(e)
+        },
+        attributes: {
+          "aria-label": ariaFirstLabel$,
+          href: computed(() => pagesHrefs$()[0]),
+          tabindex: computed(() => previousDisabled$() ? "-1" : void 0),
+          "aria-disabled": computed(() => previousDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-first": true
+        }
+      })),
+      pagePrev: createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.previous(e)
+        },
+        attributes: {
+          "aria-label": ariaPreviousLabel$,
+          href: computed(() => directionsHrefs$().previous),
+          tabindex: computed(() => previousDisabled$() ? "-1" : void 0),
+          "aria-disabled": computed(() => previousDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-previous": true
+        }
+      })),
+      pageNext: createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.next(e)
+        },
+        attributes: {
+          "aria-label": ariaNextLabel$,
+          href: computed(() => directionsHrefs$().next),
+          tabindex: computed(() => nextDisabled$() ? "-1" : void 0),
+          "aria-disabled": computed(() => nextDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-next": true
+        }
+      })),
+      pageLast: createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.last(e)
+        },
+        attributes: {
+          "aria-label": ariaLastLabel$,
+          href: computed(() => pagesHrefs$().at(-1)),
+          tabindex: computed(() => nextDisabled$() ? "-1" : void 0),
+          "aria-disabled": computed(() => nextDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-last": true
+        }
+      }))
+    }
+  };
+  return widget;
+}
+export {
+  createPagination as c,
+  getPaginationDefaultConfig as g
+};

package/pagination-EWSWQT1I.cjs

@@ -0,0 +1,262 @@
+"use strict";
+const tansu = require("@amadeus-it-group/tansu");
+const types = require("./types.cjs");
+const utils_stores = require("./utils/stores.cjs");
+const utils_writables = require("./writables-D46sFgGK.cjs");
+const func = require("./func-Qd3cD9a3.cjs");
+const utils_directive = require("./directive-BTSEYLF3.cjs");
+const PAGE_LINK_DEFAULT = "#";
+const defaultConfig = {
+  page: 1,
+  collectionSize: 0,
+  pageSize: 10,
+  disabled: false,
+  directionLinks: true,
+  boundaryLinks: false,
+  size: null,
+  onPageChange: func.noop,
+  pagesFactory: (_page, pageCount) => {
+    const pages = [];
+    for (let i = 1; i <= pageCount; i++) {
+      pages.push(i);
+    }
+    return pages;
+  },
+  ariaLabel: "Page navigation",
+  activeLabel: "(current)",
+  ariaPageLabel: (processPage, pageCount) => `Page ${processPage} of ${pageCount}`,
+  ariaFirstLabel: "Action link for first page",
+  ariaPreviousLabel: "Action link for previous page",
+  ariaNextLabel: "Action link for next page",
+  ariaLastLabel: "Action link for last page",
+  ariaEllipsisLabel: "Ellipsis page element",
+  ariaLiveLabel: (currentPage, pageCount) => `Current page is ${currentPage}`,
+  className: "",
+  pageLink: (_page) => PAGE_LINK_DEFAULT
+};
+function getPaginationDefaultConfig() {
+  return { ...defaultConfig };
+}
+const configValidator = {
+  page: utils_writables.typeNumber,
+  collectionSize: utils_writables.typeNumber,
+  pageSize: utils_writables.typeNumber,
+  disabled: utils_writables.typeBoolean,
+  directionLinks: utils_writables.typeBoolean,
+  boundaryLinks: utils_writables.typeBoolean,
+  size: { normalizeValue: (value) => value === "lg" || value === "sm" || value === null ? value : types.INVALID_VALUE },
+  onPageChange: utils_writables.typeFunction,
+  pagesFactory: utils_writables.typeFunction,
+  ariaLabel: utils_writables.typeString,
+  activeLabel: utils_writables.typeString,
+  ariaPageLabel: utils_writables.typeFunction,
+  ariaFirstLabel: utils_writables.typeString,
+  ariaPreviousLabel: utils_writables.typeString,
+  ariaNextLabel: utils_writables.typeString,
+  ariaLastLabel: utils_writables.typeString,
+  ariaLiveLabel: utils_writables.typeFunction,
+  className: utils_writables.typeString,
+  pageLink: utils_writables.typeFunction
+};
+function createPagination(config) {
+  const [
+    {
+      // dirty inputs that need adjustment:
+      page$: _dirtyPage$,
+      // clean inputs with value validation:
+      collectionSize$,
+      pageSize$,
+      onPageChange$,
+      pagesFactory$,
+      ariaPageLabel$,
+      ariaLiveLabel$,
+      pageLink$,
+      disabled$,
+      ariaFirstLabel$,
+      ariaLastLabel$,
+      ariaNextLabel$,
+      ariaPreviousLabel$,
+      ...stateProps
+    },
+    patch
+  ] = utils_stores.writablesForProps(defaultConfig, config, configValidator);
+  const pageCount$ = tansu.computed(() => {
+    let pageCount = Math.ceil(collectionSize$() / pageSize$());
+    if (!utils_writables.isNumber(pageCount) || pageCount < 1) {
+      pageCount = 1;
+    }
+    return pageCount;
+  });
+  const page$ = utils_stores.bindableProp(_dirtyPage$, onPageChange$, (dirtyPage) => utils_writables.clamp(dirtyPage, pageCount$(), 1));
+  const pages$ = tansu.computed(() => pagesFactory$()(page$(), pageCount$()));
+  const nextDisabled$ = tansu.computed(() => page$() === pageCount$() || disabled$());
+  const previousDisabled$ = tansu.computed(() => page$() === 1 || disabled$());
+  const pagesLabel$ = tansu.computed(() => {
+    const ariaPageLabel = ariaPageLabel$();
+    const pageCount = pageCount$();
+    return pages$().map((page) => ariaPageLabel(page, pageCount));
+  });
+  const pagesHrefs$ = tansu.computed(() => {
+    const pageLinkFactory = pageLink$();
+    const pageCount = pageCount$();
+    return Array.from({ length: pageCount }, (_, index) => pageLinkFactory(index + 1));
+  });
+  const directionsHrefs$ = tansu.computed(() => {
+    const pagesHrefs = pagesHrefs$();
+    const pageIndex = page$() - 1;
+    return {
+      previous: pagesHrefs.at(pageIndex > 0 ? pageIndex - 1 : 0),
+      next: pagesHrefs.at(pageIndex + 1) ?? pagesHrefs.at(-1)
+    };
+  });
+  const ariaLiveLabelText$ = tansu.computed(() => ariaLiveLabel$()(page$(), pageCount$()));
+  function handleNavigation(pageNumber, event, pageNavigationHandler) {
+    if (pagesHrefs$()[pageNumber - 1] === PAGE_LINK_DEFAULT) {
+      event == null ? void 0 : event.preventDefault();
+    }
+    if (!event || !(event.ctrlKey || event.metaKey)) {
+      event == null ? void 0 : event.preventDefault();
+      if (pageNavigationHandler) {
+        page$.update(pageNavigationHandler);
+      } else {
+        page$.set(pageNumber);
+      }
+    }
+  }
+  const widget = {
+    ...utils_stores.stateStores({
+      pageCount$,
+      page$,
+      pages$,
+      nextDisabled$,
+      previousDisabled$,
+      pagesLabel$,
+      pagesHrefs$,
+      directionsHrefs$,
+      disabled$,
+      ariaFirstLabel$,
+      ariaLastLabel$,
+      ariaNextLabel$,
+      ariaPreviousLabel$,
+      ariaLiveLabelText$,
+      ...stateProps
+    }),
+    patch,
+    actions: {
+      /**
+       * Set the current page pageNumber (starting from 1)
+       * @param pageNumber - Current page number to set.
+       * Value is normalized between 1 and the number of page
+       * @param event UI event that triggered the select
+       */
+      select(pageNumber, event) {
+        handleNavigation(pageNumber, event);
+      },
+      /**
+       * Select the first page
+       * @param event Event triggering the action
+       */
+      first(event) {
+        handleNavigation(1, event);
+      },
+      /**
+       * Select the previous page
+       * @param event Event triggering the action
+       */
+      previous(event) {
+        handleNavigation(page$() - 1, event, (page) => page - 1);
+      },
+      /**
+       * Select the next page
+       * @param event Event triggering the action
+       */
+      next(event) {
+        handleNavigation(page$() + 1, event, (page) => page + 1);
+      },
+      /**
+       * Select the last page
+       * @param event Event triggering the action
+       */
+      last(event) {
+        handleNavigation(pageCount$(), event);
+      }
+    },
+    api: {},
+    directives: {
+      pageLink: utils_directive.createAttributesDirective((pageLinkContext$) => ({
+        events: {
+          click: (e) => widget.actions.select(pageLinkContext$().page, e)
+        },
+        attributes: {
+          "aria-current": tansu.computed(() => page$() === pageLinkContext$().page ? "page" : void 0),
+          "aria-label": tansu.computed(() => pagesLabel$()[pageLinkContext$().page - 1]),
+          href: tansu.computed(() => pagesHrefs$()[pageLinkContext$().page - 1]),
+          tabindex: tansu.computed(() => disabled$() ? "-1" : void 0),
+          "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-page": true
+        }
+      })),
+      pageFirst: utils_directive.createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.first(e)
+        },
+        attributes: {
+          "aria-label": ariaFirstLabel$,
+          href: tansu.computed(() => pagesHrefs$()[0]),
+          tabindex: tansu.computed(() => previousDisabled$() ? "-1" : void 0),
+          "aria-disabled": tansu.computed(() => previousDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-first": true
+        }
+      })),
+      pagePrev: utils_directive.createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.previous(e)
+        },
+        attributes: {
+          "aria-label": ariaPreviousLabel$,
+          href: tansu.computed(() => directionsHrefs$().previous),
+          tabindex: tansu.computed(() => previousDisabled$() ? "-1" : void 0),
+          "aria-disabled": tansu.computed(() => previousDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-previous": true
+        }
+      })),
+      pageNext: utils_directive.createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.next(e)
+        },
+        attributes: {
+          "aria-label": ariaNextLabel$,
+          href: tansu.computed(() => directionsHrefs$().next),
+          tabindex: tansu.computed(() => nextDisabled$() ? "-1" : void 0),
+          "aria-disabled": tansu.computed(() => nextDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-next": true
+        }
+      })),
+      pageLast: utils_directive.createAttributesDirective(() => ({
+        events: {
+          click: (e) => widget.actions.last(e)
+        },
+        attributes: {
+          "aria-label": ariaLastLabel$,
+          href: tansu.computed(() => pagesHrefs$().at(-1)),
+          tabindex: tansu.computed(() => nextDisabled$() ? "-1" : void 0),
+          "aria-disabled": tansu.computed(() => nextDisabled$() ? "true" : void 0)
+        },
+        classNames: {
+          "au-last": true
+        }
+      }))
+    }
+  };
+  return widget;
+}
+exports.createPagination = createPagination;
+exports.getPaginationDefaultConfig = getPaginationDefaultConfig;

package/progressbar-DH7DHYMp.cjs

@@ -0,0 +1,83 @@
+"use strict";
+const utils_writables = require("./writables-D46sFgGK.cjs");
+const utils_stores = require("./utils/stores.cjs");
+const tansu = require("@amadeus-it-group/tansu");
+const utils_directive = require("./directive-BTSEYLF3.cjs");
+const defaultConfig = {
+  min: 0,
+  max: 100,
+  value: 0,
+  ariaLabel: "Progressbar",
+  className: "",
+  ariaValueTextFn: () => void 0
+};
+function getProgressbarDefaultConfig() {
+  return { ...defaultConfig };
+}
+const configValidator = {
+  min: utils_writables.typeNumber,
+  max: utils_writables.typeNumber,
+  value: utils_writables.typeNumber,
+  ariaLabel: utils_writables.typeString,
+  className: utils_writables.typeString,
+  ariaValueTextFn: utils_writables.typeFunction
+};
+function createProgressbar(config) {
+  const [
+    {
+      // dirty inputs that need adjustment:
+      max$: _dirtyMaximum$,
+      value$: _dirtyValue$,
+      // clean inputs
+      min$,
+      ariaValueTextFn$,
+      ariaLabel$,
+      ...stateProps
+    },
+    patch
+  ] = utils_stores.writablesForProps(defaultConfig, config, configValidator);
+  const max$ = tansu.computed(() => Math.max(min$(), _dirtyMaximum$()));
+  const value$ = tansu.computed(() => utils_writables.clamp(_dirtyValue$(), max$(), min$()));
+  const percentage$ = tansu.computed(() => {
+    const max = max$();
+    const min = min$();
+    if (max > min) {
+      return utils_writables.clamp((value$() - min) * 100 / (max - min), 100, 0);
+    } else {
+      return 0;
+    }
+  });
+  const started$ = tansu.computed(() => value$() > min$());
+  const finished$ = tansu.computed(() => value$() === max$());
+  const ariaValueText$ = tansu.computed(() => ariaValueTextFn$()(value$(), min$(), max$()));
+  return {
+    ...utils_stores.stateStores({
+      min$,
+      max$,
+      value$,
+      percentage$,
+      started$,
+      finished$,
+      ariaValueText$,
+      ariaLabel$,
+      ...stateProps
+    }),
+    patch,
+    api: {},
+    directives: {
+      ariaDirective: utils_directive.createAttributesDirective(() => ({
+        attributes: {
+          role: "progressbar",
+          "aria-label": ariaLabel$,
+          "aria-valuenow": value$,
+          "aria-valuemin": min$,
+          "aria-valuemax": max$,
+          "aria-valuetext": ariaValueText$
+        }
+      }))
+    },
+    actions: {}
+  };
+}
+exports.createProgressbar = createProgressbar;
+exports.getProgressbarDefaultConfig = getProgressbarDefaultConfig;