cx 24.5.1 → 24.6.1

package/locale/fr-fr.js

@@ -1,75 +1,75 @@
-import { Localization } from 'cx/ui';
-
-var c = 'fr-fr';
-
-// Field
-Localization.localize(c, 'cx/widgets/Field', {
-   requiredText: 'Ce champ est requis.',
-   validatingText: 'La validation est en cours ...',
-   validationExceptionText: "Une erreur s'est produite lors de la validation des entrées. Consultez le journal pour plus de détails."
-});
-
-// LookupField
-Localization.localize(c, 'cx/widgets/LookupField', {
-   loadingText: 'Chargement...',
-   queryErrorText: "Une erreur s'est produite lors de l'interrogation des données de recherche.",
-   noResultsText: 'Aucun résultat trouvé.',
-   minQueryLengthMessageText: 'Tapez au moins {0} caractère (s).'
-});
-
-// In common for Calendar and MonthPicker
-const calendarErrorMessages = {
-   maxValueErrorText: 'Sélectionnez {0:d} ou avant.',
-   maxExclusiveErrorText: 'Sélectionnez une date avant {0:d}.',
-   minValueErrorText: 'Sélectionnez {0:d} ou plus tard.',
-   minExclusiveErrorText: 'Sélectionnez une date après {0:d}.',
-};
-
-// Calendar
-Localization.localize(c, 'cx/widgets/Calendar', {
-   ...calendarErrorMessages,
-   todayButtonText: 'Aujourd\'hui',
-   startWithMonday: true
-});
-
-// MonthPicker
-Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
-
-// In common for DateField and MonthField
-const dateFieldErrorMessages = {
-   ...calendarErrorMessages,
-   inputErrorText: 'Date invalide entrée.'
-};
-
-// MonthField
-Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
-
-// DateField
-Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
-
-// NumberField
-Localization.localize(c, 'cx/widgets/NumberField', {
-   maxValueErrorText: 'Entrez {0} ou moins.',
-   maxExclusiveErrorText: 'Entrez un nombre inférieur à {0}.',
-   minValueErrorText: 'Entrez {0} ou plus.',
-   minExclusiveErrorText: 'Entrez un nombre supérieur à {0}.',
-   inputErrorText: 'Numéro invalide entré.'
-});
-
-// TextField
-Localization.localize(c, 'cx/widgets/TextField', {
-   validationErrorText: "La valeur entrée n'est pas valide.",
-   minLengthValidationErrorText: 'Entrez {[{0} - {1}]} plus de caractères.',
-   maxLengthValidationErrorText: 'Utilisez {0} caractères ou moins.'
-});
-
-// UploadButton
-Localization.localize(c, 'cx/widgets/UploadButton', {
-   validationErrorText: 'Le téléchargement est en cours.'
-});
-
-// MsgBox
-Localization.localize(c, 'cx/widgets/MsgBox', {
-   yesText: "Oui",
-   noText: "Non"
+import { Localization } from 'cx/ui';
+
+var c = 'fr-fr';
+
+// Field
+Localization.localize(c, 'cx/widgets/Field', {
+   requiredText: 'Ce champ est requis.',
+   validatingText: 'La validation est en cours ...',
+   validationExceptionText: "Une erreur s'est produite lors de la validation des entrées. Consultez le journal pour plus de détails."
+});
+
+// LookupField
+Localization.localize(c, 'cx/widgets/LookupField', {
+   loadingText: 'Chargement...',
+   queryErrorText: "Une erreur s'est produite lors de l'interrogation des données de recherche.",
+   noResultsText: 'Aucun résultat trouvé.',
+   minQueryLengthMessageText: 'Tapez au moins {0} caractère (s).'
+});
+
+// In common for Calendar and MonthPicker
+const calendarErrorMessages = {
+   maxValueErrorText: 'Sélectionnez {0:d} ou avant.',
+   maxExclusiveErrorText: 'Sélectionnez une date avant {0:d}.',
+   minValueErrorText: 'Sélectionnez {0:d} ou plus tard.',
+   minExclusiveErrorText: 'Sélectionnez une date après {0:d}.',
+};
+
+// Calendar
+Localization.localize(c, 'cx/widgets/Calendar', {
+   ...calendarErrorMessages,
+   todayButtonText: 'Aujourd\'hui',
+   startWithMonday: true
+});
+
+// MonthPicker
+Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
+
+// In common for DateField and MonthField
+const dateFieldErrorMessages = {
+   ...calendarErrorMessages,
+   inputErrorText: 'Date invalide entrée.'
+};
+
+// MonthField
+Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
+// DateField
+Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
+
+// NumberField
+Localization.localize(c, 'cx/widgets/NumberField', {
+   maxValueErrorText: 'Entrez {0} ou moins.',
+   maxExclusiveErrorText: 'Entrez un nombre inférieur à {0}.',
+   minValueErrorText: 'Entrez {0} ou plus.',
+   minExclusiveErrorText: 'Entrez un nombre supérieur à {0}.',
+   inputErrorText: 'Numéro invalide entré.'
+});
+
+// TextField
+Localization.localize(c, 'cx/widgets/TextField', {
+   validationErrorText: "La valeur entrée n'est pas valide.",
+   minLengthValidationErrorText: 'Entrez {[{0} - {1}]} plus de caractères.',
+   maxLengthValidationErrorText: 'Utilisez {0} caractères ou moins.'
+});
+
+// UploadButton
+Localization.localize(c, 'cx/widgets/UploadButton', {
+   validationErrorText: 'Le téléchargement est en cours.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Oui",
+   noText: "Non"
 });

package/locale/nl-nl.js

@@ -1,75 +1,75 @@
-import { Localization } from 'cx/ui';
-
-var c = 'nl-nl';
-
-// Field
-Localization.localize(c, 'cx/widgets/Field', {
-   requiredText: 'Dit veld is verplicht.',
-   validatingText: 'Validatie is bezig ...',
-   validationExceptionText: 'Er is een probleem opgetreden bij het valideren van de gegevens. Controleer het logboek voor meer details '
-});
-
-// LookupField
-Localization.localize(c, 'cx/widgets/LookupField', {
-   loadingText: 'Bezig met laden ...',
-   queryErrorText: 'Er is een fout opgetreden bij het weergeven van gegevens.',
-   noResultsText: 'Geen resultaten gevonden',
-   minQueryLengthMessageText: 'Voer minimaal {0} tekens in.'
-});
-
-// In common for Calendar and MonthPicker
-const calendarErrorMessages = {
-   maxValueErrorText: 'De geselecteerde datum is later dan de laatst toegestane datum {0: d}',
-   maxExclusiveErrorText: 'De geselecteerde datum moet vóór {0: d}',
-   minValueErrorText: 'De geselecteerde datum is eerder dan {0: d}',
-   minExclusiveErrorText: 'De geselecteerde datum moet later zijn dan {0: d}',
-};
-
-// Calendar
-Localization.localize(c, 'cx/widgets/Calendar', {
-   ...calendarErrorMessages,
-   todayButtonText: 'Vandaag',
-   startWithMonday: true
-});
-
-// MonthPicker
-Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
-
-// In common for DateField and MonthField
-const dateFieldErrorMessages = {
-   ...calendarErrorMessages,
-   inputErrorText: 'Ongeldige datum.'
-};
-
-// MonthField
-Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
-
-// DateField
-Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
-
-// NumberField
-Localization.localize(c, 'cx/widgets/NumberField', {
-   maxValueErrorText: 'Voer {0} of minder in.',
-   maxExclusiveErrorText: 'Voer een nummer in dat kleiner is dan {0}.',
-   minValueErrorText: 'Voer {0} of meer in.',
-   minExclusiveErrorText: 'Voer een getal in dat groter is dan {0}.',
-   inputErrorText: 'Ongeldig nummer.'
-});
-
-// TextField
-Localization.localize(c, 'cx/widgets/TextField', {
-   validationErrorText: 'De ingevoerde waarde is ongeldig.',
-   minLengthValidationErrorText: 'Vul {[{0} - {1}]} extra karakters in.',
-   maxLengthValidationErrorText: 'Gebruik {0} tekens of minder.'
-});
-
-// UploadButton
-Localization.localize(c, 'cx/widgets/UploadButton', {
-   validationErrorText: 'Upload is bezig.'
-});
-
-// MsgBox
-Localization.localize(c, 'cx/widgets/MsgBox', {
-   yesText: "Ja",
-   noText: "Nee"
+import { Localization } from 'cx/ui';
+
+var c = 'nl-nl';
+
+// Field
+Localization.localize(c, 'cx/widgets/Field', {
+   requiredText: 'Dit veld is verplicht.',
+   validatingText: 'Validatie is bezig ...',
+   validationExceptionText: 'Er is een probleem opgetreden bij het valideren van de gegevens. Controleer het logboek voor meer details '
+});
+
+// LookupField
+Localization.localize(c, 'cx/widgets/LookupField', {
+   loadingText: 'Bezig met laden ...',
+   queryErrorText: 'Er is een fout opgetreden bij het weergeven van gegevens.',
+   noResultsText: 'Geen resultaten gevonden',
+   minQueryLengthMessageText: 'Voer minimaal {0} tekens in.'
+});
+
+// In common for Calendar and MonthPicker
+const calendarErrorMessages = {
+   maxValueErrorText: 'De geselecteerde datum is later dan de laatst toegestane datum {0: d}',
+   maxExclusiveErrorText: 'De geselecteerde datum moet vóór {0: d}',
+   minValueErrorText: 'De geselecteerde datum is eerder dan {0: d}',
+   minExclusiveErrorText: 'De geselecteerde datum moet later zijn dan {0: d}',
+};
+
+// Calendar
+Localization.localize(c, 'cx/widgets/Calendar', {
+   ...calendarErrorMessages,
+   todayButtonText: 'Vandaag',
+   startWithMonday: true
+});
+
+// MonthPicker
+Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
+
+// In common for DateField and MonthField
+const dateFieldErrorMessages = {
+   ...calendarErrorMessages,
+   inputErrorText: 'Ongeldige datum.'
+};
+
+// MonthField
+Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
+// DateField
+Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
+
+// NumberField
+Localization.localize(c, 'cx/widgets/NumberField', {
+   maxValueErrorText: 'Voer {0} of minder in.',
+   maxExclusiveErrorText: 'Voer een nummer in dat kleiner is dan {0}.',
+   minValueErrorText: 'Voer {0} of meer in.',
+   minExclusiveErrorText: 'Voer een getal in dat groter is dan {0}.',
+   inputErrorText: 'Ongeldig nummer.'
+});
+
+// TextField
+Localization.localize(c, 'cx/widgets/TextField', {
+   validationErrorText: 'De ingevoerde waarde is ongeldig.',
+   minLengthValidationErrorText: 'Vul {[{0} - {1}]} extra karakters in.',
+   maxLengthValidationErrorText: 'Gebruik {0} tekens of minder.'
+});
+
+// UploadButton
+Localization.localize(c, 'cx/widgets/UploadButton', {
+   validationErrorText: 'Upload is bezig.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Ja",
+   noText: "Nee"
 });

package/locale/pt-pt.js

@@ -1,75 +1,75 @@
-import { Localization } from 'cx/ui';
-
-var c = 'pt-pt';
-
-// Field
-Localization.localize(c, 'cx/widgets/Field', {
-   requiredText: 'Este campo é obrigatório.',
-   validatingText: 'A validação está em andamento ...',
-   validationExceptionText: 'Algo deu errado durante a validação de entrada. Verifique o log para mais detalhes.'
-});
-
-// LookupField
-Localization.localize(c, 'cx/widgets/LookupField', {
-   loadingText: 'Carregando...',
-   queryErrorText: 'Ocorreu um erro ao consultar os dados de pesquisa.',
-   noResultsText: 'Nenhum resultado encontrado.',
-   minQueryLengthMessageText: 'Digite pelo menos {0} caractere(s).'
-});
-
-// In common for Calendar and MonthPicker
-const calendarErrorMessages = {
-   maxValueErrorText: 'Selecione {0:d} ou antes.',
-   maxExclusiveErrorText: 'Selecione uma data antes de {0:d}.',
-   minValueErrorText: 'Selecione {0:d} ou posterior.',
-   minExclusiveErrorText: 'Selecione uma data após {0:d}.',
-};
-
-// Calendar
-Localization.localize(c, 'cx/widgets/Calendar', {
-   ...calendarErrorMessages,
-   todayButtonText: 'Hoje',
-   startWithMonday: false
-});
-
-// MonthPicker
-Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
-
-// In common for DateField and MonthField
-const dateFieldErrorMessages = {
-   ...calendarErrorMessages,
-   inputErrorText: 'Data inválida inserida.'
-};
-
-// MonthField
-Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
-
-// DateField
-Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
-
-// NumberField
-Localization.localize(c, 'cx/widgets/NumberField', {
-   maxValueErrorText: 'Digite {0} ou menos.',
-   maxExclusiveErrorText: 'Digite um número menor que {0}.',
-   minValueErrorText: 'Digite {0} ou mais.',
-   minExclusiveErrorText: 'Digite um número maior que {0}.',
-   inputErrorText: 'Número inválido digitado.'
-});
-
-// TextField
-Localization.localize(c, 'cx/widgets/TextField', {
-   validationErrorText: 'O valor inserido não é válido.',
-   minLengthValidationErrorText: 'Digite {[{0}-{1}]} mais caractere(s).',
-   maxLengthValidationErrorText: 'Use {0} caracteres ou menos.'
-});
-
-// UploadButton
-Localization.localize(c, 'cx/widgets/UploadButton', {
-   validationErrorText: 'O upload está em andamento.'
-});
-
-// MsgBox
-Localization.localize(c, 'cx/widgets/MsgBox', {
-   yesText: "Sim",
-   noText: "Não"
+import { Localization } from 'cx/ui';
+
+var c = 'pt-pt';
+
+// Field
+Localization.localize(c, 'cx/widgets/Field', {
+   requiredText: 'Este campo é obrigatório.',
+   validatingText: 'A validação está em andamento ...',
+   validationExceptionText: 'Algo deu errado durante a validação de entrada. Verifique o log para mais detalhes.'
+});
+
+// LookupField
+Localization.localize(c, 'cx/widgets/LookupField', {
+   loadingText: 'Carregando...',
+   queryErrorText: 'Ocorreu um erro ao consultar os dados de pesquisa.',
+   noResultsText: 'Nenhum resultado encontrado.',
+   minQueryLengthMessageText: 'Digite pelo menos {0} caractere(s).'
+});
+
+// In common for Calendar and MonthPicker
+const calendarErrorMessages = {
+   maxValueErrorText: 'Selecione {0:d} ou antes.',
+   maxExclusiveErrorText: 'Selecione uma data antes de {0:d}.',
+   minValueErrorText: 'Selecione {0:d} ou posterior.',
+   minExclusiveErrorText: 'Selecione uma data após {0:d}.',
+};
+
+// Calendar
+Localization.localize(c, 'cx/widgets/Calendar', {
+   ...calendarErrorMessages,
+   todayButtonText: 'Hoje',
+   startWithMonday: false
+});
+
+// MonthPicker
+Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
+
+// In common for DateField and MonthField
+const dateFieldErrorMessages = {
+   ...calendarErrorMessages,
+   inputErrorText: 'Data inválida inserida.'
+};
+
+// MonthField
+Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
+// DateField
+Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
+
+// NumberField
+Localization.localize(c, 'cx/widgets/NumberField', {
+   maxValueErrorText: 'Digite {0} ou menos.',
+   maxExclusiveErrorText: 'Digite um número menor que {0}.',
+   minValueErrorText: 'Digite {0} ou mais.',
+   minExclusiveErrorText: 'Digite um número maior que {0}.',
+   inputErrorText: 'Número inválido digitado.'
+});
+
+// TextField
+Localization.localize(c, 'cx/widgets/TextField', {
+   validationErrorText: 'O valor inserido não é válido.',
+   minLengthValidationErrorText: 'Digite {[{0}-{1}]} mais caractere(s).',
+   maxLengthValidationErrorText: 'Use {0} caracteres ou menos.'
+});
+
+// UploadButton
+Localization.localize(c, 'cx/widgets/UploadButton', {
+   validationErrorText: 'O upload está em andamento.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Sim",
+   noText: "Não"
 });

package/locale/sr-latn-ba.js

@@ -1,75 +1,75 @@
-import { Localization } from 'cx/ui';
-
-var c = 'sr-latn-ba';
-
-// Field
-Localization.localize(c, 'cx/widgets/Field', {
-   requiredText: 'Ovo polje je obavezno.',
-   validatingText: 'Validacija je u toku...',
-   validationExceptionText: 'Došlo je do problema prilikom validacije podataka. Provjerite log za više detalja.'
-});
-
-// LookupField
-Localization.localize(c, 'cx/widgets/LookupField', {
-   loadingText: 'Učitavanje...',
-   queryErrorText: 'Došlo je do greške kod pribavljanja podataka za prikaz.',
-   noResultsText: 'Rezultati nisu pronađeni.',
-   minQueryLengthMessageText: 'Unesite najmanje {0} karakter(a).'
-});
-
-// In common for Calendar and MonthPicker
-const calendarErrorMessages = {
-   maxValueErrorText: 'Izabrani datum je kasniji od posljednjeg dozvoljenog datuma {0:d}',
-   maxExclusiveErrorText: 'Izabrani datum bi trebao biti prije {0:d}',
-   minValueErrorText: 'Izabrani datum je raniji od {0:d}',
-   minExclusiveErrorText: 'Izabrani datum bi trebao biti kasniji od {0:d}',
-};
-
-// Calendar
-Localization.localize(c, 'cx/widgets/Calendar', {
-   ...calendarErrorMessages,
-   todayButtonText: 'Danas',
-   startWithMonday: true
-});
-
-// MonthPicker
-Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
-
-// In common for DateField and MonthField
-const dateFieldErrorMessages = {
-   ...calendarErrorMessages,
-   inputErrorText: 'Neispravan datum.'
-};
-
-// MonthField
-Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
-
-// DateField
-Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
-
-// NumberField
-Localization.localize(c, 'cx/widgets/NumberField', {
-   maxValueErrorText: 'Unesite {0} ili manje.',
-   maxExclusiveErrorText: 'Unesite broj manji od {0}.',
-   minValueErrorText: 'Unesite {0} ili više.',
-   minExclusiveErrorText: 'Unesite broj veći od {0}.',
-   inputErrorText: 'Neispravan broj.'
-});
-
-// TextField
-Localization.localize(c, 'cx/widgets/TextField', {
-   validationErrorText: 'Unesena vrijednost nije validna.',
-   minLengthValidationErrorText: 'Unesite {[{0}-{1}]} dodatnih karaktera.',
-   maxLengthValidationErrorText: 'Koristite {0} karaktera ili manje.'
-});
-
-// UploadButton
-Localization.localize(c, 'cx/widgets/UploadButton', {
-   validationErrorText: 'Otpremanje je u toku.'
-});
-
-// MsgBox
-Localization.localize(c, 'cx/widgets/MsgBox', {
-   yesText: "Da",
-   noText: "Ne"
+import { Localization } from 'cx/ui';
+
+var c = 'sr-latn-ba';
+
+// Field
+Localization.localize(c, 'cx/widgets/Field', {
+   requiredText: 'Ovo polje je obavezno.',
+   validatingText: 'Validacija je u toku...',
+   validationExceptionText: 'Došlo je do problema prilikom validacije podataka. Provjerite log za više detalja.'
+});
+
+// LookupField
+Localization.localize(c, 'cx/widgets/LookupField', {
+   loadingText: 'Učitavanje...',
+   queryErrorText: 'Došlo je do greške kod pribavljanja podataka za prikaz.',
+   noResultsText: 'Rezultati nisu pronađeni.',
+   minQueryLengthMessageText: 'Unesite najmanje {0} karakter(a).'
+});
+
+// In common for Calendar and MonthPicker
+const calendarErrorMessages = {
+   maxValueErrorText: 'Izabrani datum je kasniji od posljednjeg dozvoljenog datuma {0:d}',
+   maxExclusiveErrorText: 'Izabrani datum bi trebao biti prije {0:d}',
+   minValueErrorText: 'Izabrani datum je raniji od {0:d}',
+   minExclusiveErrorText: 'Izabrani datum bi trebao biti kasniji od {0:d}',
+};
+
+// Calendar
+Localization.localize(c, 'cx/widgets/Calendar', {
+   ...calendarErrorMessages,
+   todayButtonText: 'Danas',
+   startWithMonday: true
+});
+
+// MonthPicker
+Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
+
+// In common for DateField and MonthField
+const dateFieldErrorMessages = {
+   ...calendarErrorMessages,
+   inputErrorText: 'Neispravan datum.'
+};
+
+// MonthField
+Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
+// DateField
+Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
+
+// NumberField
+Localization.localize(c, 'cx/widgets/NumberField', {
+   maxValueErrorText: 'Unesite {0} ili manje.',
+   maxExclusiveErrorText: 'Unesite broj manji od {0}.',
+   minValueErrorText: 'Unesite {0} ili više.',
+   minExclusiveErrorText: 'Unesite broj veći od {0}.',
+   inputErrorText: 'Neispravan broj.'
+});
+
+// TextField
+Localization.localize(c, 'cx/widgets/TextField', {
+   validationErrorText: 'Unesena vrijednost nije validna.',
+   minLengthValidationErrorText: 'Unesite {[{0}-{1}]} dodatnih karaktera.',
+   maxLengthValidationErrorText: 'Koristite {0} karaktera ili manje.'
+});
+
+// UploadButton
+Localization.localize(c, 'cx/widgets/UploadButton', {
+   validationErrorText: 'Otpremanje je u toku.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Da",
+   noText: "Ne"
 });

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.5.1",
+   "version": "24.6.1",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",
@@ -27,6 +27,6 @@
       "url": "git@github.com:codaxy/cxjs.git"
    },
    "devDependencies": {
-      "react-test-renderer": "^18.2.0"
+      "react-test-renderer": "^18.3.1"
    }
 }

package/src/charts/Bar.d.ts

@@ -12,7 +12,7 @@ interface BarProps extends ColumnBarBaseProps {
    /** Set to true to auto calculate size and offset. Available only if the x axis is a category axis. */
    autoSize?: Cx.BooleanProp,
    
-   height?: number,
+   height?: Cx.NumberProp,
  
    /** Base CSS class to be applied to the element. Defaults to `bar`. */
    baseClass?: string,