@six-group/ui-library 0.0.0-insider.11a6206 → 0.0.0-insider.1a07fa6

package/dist/types/functional-components/form-control/form-control.d.ts

@@ -1,33 +1,37 @@
 import { VNode } from '../../stencil-public-runtime';
 export interface FormControlProps {
-  /** The input id, used to map the input to the label */
-  inputId: string;
-  /** The size of the form control */
-  size: 'small' | 'medium' | 'large';
-  /** The label id, used to map the label to the input */
-  labelId?: string;
-  /** The label text (if the label slot isn't used) */
-  label?: string;
-  /** Whether a label slot has been provided. */
-  hasLabelSlot?: boolean;
-  /** The help text id, used to map the input to the help text */
-  helpTextId?: string;
-  /** The help text (if the help-text slot isn't used) */
-  helpText?: string;
-  /** Whether a help text slot has been provided. */
-  hasHelpTextSlot?: boolean;
-  /** The error text id, used to map the input to the help text */
-  errorTextId?: string;
-  /** The error text */
-  errorText?: string;
-  /** Set to true to disable the input. */
-  disabled?: boolean;
-  /** Set if the value is required. */
-  required?: boolean;
-  /** Set if the error text is displayed. */
-  displayError?: boolean;
-  /** A function that gets called when the label is clicked. */
-  onLabelClick?: (event: MouseEvent) => void;
+    /** The input id, used to map the input to the label */
+    inputId: string;
+    /** The size of the form control */
+    size: 'small' | 'medium' | 'large';
+    /** The label id, used to map the label to the input */
+    labelId?: string;
+    /** The label text (if the label slot isn't used) */
+    label?: string;
+    /** Whether a label slot has been provided. */
+    hasLabelSlot?: boolean;
+    /** The help text id, used to map the input to the help text */
+    helpTextId?: string;
+    /** The help text (if the help-text slot isn't used) */
+    helpText?: string;
+    /** Whether a help text slot has been provided. */
+    hasHelpTextSlot?: boolean;
+    /** Whether an error text slot has been provided. */
+    hasErrorTextSlot?: boolean;
+    /** The error text id, used to map the input to the help text */
+    errorTextId?: string;
+    /** The error text (if the error-text slot isn't used) */
+    errorText?: string | string[];
+    /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+    errorTextCount?: number;
+    /** Set to true to disable the input. */
+    disabled?: boolean;
+    /** Set if the value is required. */
+    required?: boolean;
+    /** Set if the error text is displayed. */
+    displayError?: boolean;
+    /** A function that gets called when the label is clicked. */
+    onLabelClick?: (event: MouseEvent) => void;
 }
 declare const FormControl: (props: FormControlProps, children: VNode[]) => any;
 export default FormControl;

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -62,7 +72,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -128,7 +141,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -432,7 +451,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -812,6 +834,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -871,6 +894,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -929,6 +954,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -947,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1110,11 +1140,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1130,6 +1162,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;
@@ -1140,6 +1174,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1193,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1201,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;
@@ -1286,7 +1324,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1616,8 +1654,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/utils/animation.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Animates a given `element` from the position and dimension of `fromElement` to
+ * its current position and dimension. Can be useful to implement the FLIP animation technique.
+ *
+ * @see {@link https://css-tricks.com/animating-layouts-with-the-flip-technique/} for details on the FLIP technique.
+ *
+ * @param {Element} element - The element to animate.
+ * @param {Element} fromElement - The element representing the initial position and dimensions.
+ * @param {KeyframeAnimationOptions} [options={ duration: 150, easing: 'ease', fill: 'both' }] - Optional animation parameters.
+ *
+ */
+export declare function flipAnimate(element: Element, fromElement: Element, options?: KeyframeAnimationOptions): void;

package/dist/types/utils/date-util.d.ts

@@ -2,38 +2,38 @@ import { SixDateFormats } from '../components/six-datepicker/six-date-formats';
 import { CalendarCell } from '../components/six-datepicker/six-datepicker';
 export type DateLocale = typeof i18nDate.en;
 export declare const i18nDate: {
-  en: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
-  de: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
-  fr: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
-  it: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
+    en: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
+    de: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
+    fr: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
+    it: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
 };
 /**
  * Returns a JS Date instance of the exact moment
@@ -172,26 +172,26 @@ export declare const formatDate: (date: Date | undefined | null, format: string)
 export declare const parseDate: (value: any, format: string, locale: string) => Date;
 export declare const toDate: (dirtyDateString: string | undefined, format: string) => Date | undefined;
 export interface PointerDate {
-  year: number;
-  month: number;
-  day: number;
-  hours: number;
-  minutes: number;
-  seconds: number;
-}
-export interface CalendarGridArgs {
-  firstDateOfBox: Date;
-  minDate?: Date;
-  maxDate?: Date;
-  dateFormat: SixDateFormats;
-  pointerDate: {
-    month: number;
     year: number;
+    month: number;
     day: number;
-  };
-  allowedDates: (date: Date) => boolean;
-  locale: 'en' | 'de' | 'fr' | 'it';
-  selectedDate?: Date;
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+export interface CalendarGridArgs {
+    firstDateOfBox: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    dateFormat: SixDateFormats;
+    pointerDate: {
+        month: number;
+        year: number;
+        day: number;
+    };
+    allowedDates: (date: Date) => boolean;
+    locale: 'en' | 'de' | 'fr' | 'it';
+    selectedDate?: Date;
 }
 export declare const createCalendarGrid: (calendarGridArguments: CalendarGridArgs) => CalendarCell[][];
 /**

package/dist/types/utils/error-messages.d.ts

@@ -1,40 +1,41 @@
-export type Language = 'de' | 'fr' | 'it' | 'en';
+export declare const languages: readonly ["de", "fr", "it", "en", "es"];
+export type Language = (typeof languages)[number];
 export type ValidationError = {
-  key: 'required';
+    key: 'required';
 } | {
-  key: 'requiredtrue';
+    key: 'requiredtrue';
 } | {
-  key: 'email';
-  requiredPattern: string;
+    key: 'email';
+    requiredPattern: string;
 } | {
-  key: 'minlength';
-  requiredLength: number;
+    key: 'minlength';
+    requiredLength: number;
 } | {
-  key: 'maxlength';
-  requiredLength: number;
+    key: 'maxlength';
+    requiredLength: number;
 } | {
-  key: 'pattern';
-  requiredPattern: string;
+    key: 'pattern';
+    requiredPattern: string;
 } | {
-  key: 'min';
-  min: number;
+    key: 'min';
+    min: number;
 } | {
-  key: 'max';
-  max: number;
+    key: 'max';
+    max: number;
 } | {
-  key: 'mindate';
-  mindate: Date;
-  actual: Date;
+    key: 'mindate';
+    mindate: Date;
+    actual: Date;
 } | {
-  key: 'maxdate';
-  maxdate: Date;
-  actual: Date;
+    key: 'maxdate';
+    maxdate: Date;
+    actual: Date;
 } | {
-  key: 'invaliddate';
-  actual: Date;
+    key: 'invaliddate';
+    actual: Date;
 } | {
-  key: 'custom';
-  text: string;
+    key: 'custom';
+    text: string;
 };
 /**
  * Returns an error message for the given language and error.

package/dist/types/utils/event-listeners.d.ts

@@ -1,16 +1,16 @@
 interface EventListener {
-  el: DocumentAndElementEventHandlers;
-  name: string;
-  listener: EventListenerOrEventListenerObject;
-  identifier?: string | null;
+    el: GlobalEventHandlers;
+    name: string;
+    listener: EventListenerOrEventListenerObject;
+    identifier?: string | null;
 }
 export declare class EventListeners {
-  eventListeners: EventListener[];
-  add: <T extends DocumentAndElementEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject, identifier?: string | null | undefined) => void;
-  remove: <T extends DocumentAndElementEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject) => void;
-  removeByIdentifier: (identifier: string) => void;
-  private getFilteredEventListeners;
-  removeAll: () => void;
-  forward(from: string, to: 'input' | 'change' | 'blur' | 'focus', host: HTMLElement): void;
+    eventListeners: EventListener[];
+    add: <T extends GlobalEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject, identifier?: string | null | undefined) => void;
+    remove: <T extends GlobalEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject) => void;
+    removeByIdentifier: (identifier: string) => void;
+    private getFilteredEventListeners;
+    removeAll: () => void;
+    forward(from: string, to: 'input' | 'change' | 'blur' | 'focus', host: HTMLElement): void;
 }
 export {};

package/dist/types/utils/focus-visible.d.ts

@@ -1,6 +1,6 @@
 export declare function observe(el: HTMLElement): void;
 export declare function unobserve(el: HTMLElement): void;
 export declare const focusVisible: {
-  observe: typeof observe;
-  unobserve: typeof unobserve;
+    observe: typeof observe;
+    unobserve: typeof unobserve;
 };

package/dist/types/utils/modal.d.ts

@@ -1,13 +1,13 @@
 interface ModalOptions {
-  onFocusOut?: (event: Event) => void;
+    onFocusOut?: (event: Event) => void;
 }
 export default class Modal {
-  element: HTMLElement;
-  options?: ModalOptions;
-  constructor(element: HTMLElement, options?: ModalOptions);
-  activate(): void;
-  deactivate(): void;
-  isActive(): boolean;
-  handleFocusIn(event: Event): void;
+    element: HTMLElement;
+    options?: ModalOptions;
+    constructor(element: HTMLElement, options?: ModalOptions);
+    activate(): void;
+    deactivate(): void;
+    isActive(): boolean;
+    handleFocusIn(event: Event): void;
 }
 export {};

package/dist/types/utils/offset.d.ts

@@ -1,4 +1,4 @@
 export declare function getOffset(element: HTMLElement, parent: HTMLElement): {
-  top: number;
-  left: number;
+    top: number;
+    left: number;
 };

package/dist/types/utils/popover.d.ts

@@ -1,27 +1,27 @@
 import { Instance } from '@popperjs/core';
 export default class Popover {
-  anchor: HTMLElement;
-  isVisible: boolean;
-  popover: HTMLElement;
-  popper?: Instance;
-  options: PopoverOptions;
-  constructor(anchor: HTMLElement, popover: HTMLElement, options?: PopoverOptions);
-  private handleTransitionEnd;
-  destroy(): void;
-  show(): void;
-  reposition(): void;
-  hide(): void;
-  setOptions(options: PopoverOptions): void;
+    anchor: HTMLElement;
+    isVisible: boolean;
+    popover: HTMLElement;
+    popper?: Instance;
+    options: PopoverOptions;
+    constructor(anchor: HTMLElement, popover: HTMLElement, options?: PopoverOptions);
+    private handleTransitionEnd;
+    destroy(): void;
+    show(): void;
+    reposition(): void;
+    hide(): void;
+    setOptions(options: PopoverOptions): void;
 }
 interface PopoverOptions {
-  distance?: number;
-  placement?: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-  skidding?: number;
-  strategy?: 'absolute' | 'fixed';
-  transitionElement?: HTMLElement;
-  visibleClass?: string;
-  onAfterShow?: () => void;
-  onAfterHide?: () => void;
-  onTransitionEnd?: (event: TransitionEvent) => void;
+    distance?: number;
+    placement?: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+    skidding?: number;
+    strategy?: 'absolute' | 'fixed';
+    transitionElement?: HTMLElement;
+    visibleClass?: string;
+    onAfterShow?: () => void;
+    onAfterHide?: () => void;
+    onTransitionEnd?: (event: TransitionEvent) => void;
 }
 export {};

package/dist/types/utils/time.util.d.ts

@@ -1,11 +1,11 @@
 export type TimePeriod = 'AM' | 'PM';
 export interface Time {
-  hours?: number;
-  minutes?: number;
-  seconds?: number;
-  milliseconds?: number;
-  has24Hours?: boolean;
-  period?: TimePeriod;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+    milliseconds?: number;
+    has24Hours?: boolean;
+    period?: TimePeriod;
 }
 export type TimeProperties = keyof Time;
 export type TimeFormatChar = 'HH' | 'hh' | 'mm' | 'ss' | 'ms' | 'aa';

package/dist/types/utils/types.d.ts

@@ -1,4 +1,4 @@
 export type EmptyPayload = undefined;
 export interface StyleDeclaration {
-  [key: string]: string | undefined;
+    [key: string]: string | undefined;
 }

package/dist/types/wrappers/set-attributes/set-attributes.d.ts

@@ -1,9 +1,9 @@
 export declare class SetAttributes {
-  host: HTMLSetAttributesElement;
-  /** Attributes map */
-  value: {};
-  componentWillLoad(): void;
-  attrsUpdated(): void;
-  private injectAttrs;
-  render(): any;
+    host: HTMLSetAttributesElement;
+    /** Attributes map */
+    value: {};
+    componentWillLoad(): void;
+    attrsUpdated(): void;
+    private injectAttrs;
+    render(): any;
 }

package/dist/ui-library/index.esm.js

@@ -1,2 +1,2 @@
-const e=new Intl.DateTimeFormat("de-CH");function a(a,i){try{const t=r[a][i.key];switch(i.key){case"required":case"requiredtrue":case"email":return t;case"minlength":case"maxlength":return t.replace("{requiredLength}",String(i.requiredLength));case"pattern":return t.replace("{pattern}",String(i.requiredPattern));case"min":return t.replace("{min}",String(i.min));case"max":return t.replace("{max}",String(i.max));case"mindate":return t.replace("{mindate}",e.format(i.mindate));case"maxdate":return t.replace("{maxdate}",e.format(i.maxdate));case"invaliddate":return t;case"custom":return i.text}}catch(e){console.warn(`no error message in '${a}' for error:`,i);return undefined}}const r={en:{required:"Please fill out this field.",minlength:"Please enter at least {requiredLength} characters.",maxlength:"Please enter no more than {requiredLength} characters.",pattern:"Please enter a value that matches the pattern: {pattern}.",email:"Please enter a valid email address.",min:"Please enter a value greater than or equal to {min}.",max:"Please enter a value less than or equal to {max}.",requiredtrue:"Please check this field.",mindate:"Please enter a date on or after {mindate}.",maxdate:"Please enter a date on or before {maxdate}.",invaliddate:"Please enter a valid date."},fr:{required:"Veuillez remplir ce champ s'il vous plaît.",minlength:"Veuillez entrer au moins {requiredLength} caractères.",maxlength:"Veuillez entrer au maximum {requiredLength} caractères.",pattern:"Veuillez entrer une valeur qui correspond au format : {pattern}.",email:"Veuillez entrer une adresse email valide.",min:"Veuillez entrer une valeur supérieure ou égale à {min}.",max:"Veuillez entrer une valeur inférieure ou égale à {max}.",requiredtrue:"Veuillez cocher cette case s'il vous plaît.",mindate:"Veuillez entrer une date le {mindate} ou après.",maxdate:"Veuillez entrer une date le {maxdate} ou avant.",invaliddate:"Veuillez entrer une date valide."},de:{required:"Bitte füllen Sie dieses Feld aus.",minlength:"Bitte geben Sie mindestens {requiredLength} Zeichen ein.",maxlength:"Bitte geben Sie höchstens {requiredLength} Zeichen ein.",pattern:"Bitte geben Sie einen Wert ein, der dem Muster entspricht: {pattern}.",email:"Bitte geben Sie eine gültige E-Mail-Adresse ein.",min:"Bitte geben Sie einen Wert größer oder gleich {min} ein.",max:"Bitte geben Sie einen Wert kleiner oder gleich {max} ein.",requiredtrue:"Bitte aktivieren Sie dieses Feld.",mindate:"Bitte geben Sie ein Datum am oder nach dem {mindate} ein.",maxdate:"Bitte geben Sie ein Datum am oder vor dem {maxdate} ein.",invaliddate:"Bitte geben Sie ein gültiges Datum ein."},it:{required:"Si prega di compilare questo campo.",minlength:"Si prega di inserire almeno {requiredLength} caratteri.",maxlength:"Si prega di inserire al massimo {requiredLength} caratteri.",pattern:"Si prega di inserire un valore che corrisponde al formato: {pattern}.",email:"Si prega di inserire un indirizzo email valido.",min:"Si prega di inserire un valore maggiore o uguale a {min}.",max:"Si prega di inserire un valore minore o uguale a {max}.",requiredtrue:"Si prega di spuntare questo campo.",mindate:"Si prega di inserire una data il {mindate} o successiva.",maxdate:"Si prega di inserire una data il {maxdate} o precedente.",invaliddate:"Inserisci una data valida."}};export{a as getErrorMessage};
+const e=["de","fr","it","en","es"];const a=new Intl.DateTimeFormat("de-CH");function r(e,r){try{const t=i[e][r.key];switch(r.key){case"required":case"requiredtrue":case"email":return t;case"minlength":case"maxlength":return t.replace("{requiredLength}",String(r.requiredLength));case"pattern":return t.replace("{pattern}",String(r.requiredPattern));case"min":return t.replace("{min}",String(r.min));case"max":return t.replace("{max}",String(r.max));case"mindate":return t.replace("{mindate}",a.format(r.mindate));case"maxdate":return t.replace("{maxdate}",a.format(r.maxdate));case"invaliddate":return t;case"custom":return r.text}}catch(a){console.warn(`no error message in '${e}' for error:`,r);return undefined}}const i={en:{required:"Please fill out this field.",minlength:"Please enter at least {requiredLength} characters.",maxlength:"Please enter no more than {requiredLength} characters.",pattern:"Please enter a value that matches the pattern: {pattern}.",email:"Please enter a valid email address.",min:"Please enter a value greater than or equal to {min}.",max:"Please enter a value less than or equal to {max}.",requiredtrue:"Please check this field.",mindate:"Please enter a date on or after {mindate}.",maxdate:"Please enter a date on or before {maxdate}.",invaliddate:"Please enter a valid date."},fr:{required:"Veuillez remplir ce champ s'il vous plaît.",minlength:"Veuillez entrer au moins {requiredLength} caractères.",maxlength:"Veuillez entrer au maximum {requiredLength} caractères.",pattern:"Veuillez entrer une valeur qui correspond au format : {pattern}.",email:"Veuillez entrer une adresse email valide.",min:"Veuillez entrer une valeur supérieure ou égale à {min}.",max:"Veuillez entrer une valeur inférieure ou égale à {max}.",requiredtrue:"Veuillez cocher cette case s'il vous plaît.",mindate:"Veuillez entrer une date le {mindate} ou après.",maxdate:"Veuillez entrer une date le {maxdate} ou avant.",invaliddate:"Veuillez entrer une date valide."},de:{required:"Bitte füllen Sie dieses Feld aus.",minlength:"Bitte geben Sie mindestens {requiredLength} Zeichen ein.",maxlength:"Bitte geben Sie höchstens {requiredLength} Zeichen ein.",pattern:"Bitte geben Sie einen Wert ein, der dem Muster entspricht: {pattern}.",email:"Bitte geben Sie eine gültige E-Mail-Adresse ein.",min:"Bitte geben Sie einen Wert größer oder gleich {min} ein.",max:"Bitte geben Sie einen Wert kleiner oder gleich {max} ein.",requiredtrue:"Bitte aktivieren Sie dieses Feld.",mindate:"Bitte geben Sie ein Datum am oder nach dem {mindate} ein.",maxdate:"Bitte geben Sie ein Datum am oder vor dem {maxdate} ein.",invaliddate:"Bitte geben Sie ein gültiges Datum ein."},it:{required:"Si prega di compilare questo campo.",minlength:"Si prega di inserire almeno {requiredLength} caratteri.",maxlength:"Si prega di inserire al massimo {requiredLength} caratteri.",pattern:"Si prega di inserire un valore che corrisponde al formato: {pattern}.",email:"Si prega di inserire un indirizzo email valido.",min:"Si prega di inserire un valore maggiore o uguale a {min}.",max:"Si prega di inserire un valore minore o uguale a {max}.",requiredtrue:"Si prega di spuntare questo campo.",mindate:"Si prega di inserire una data il {mindate} o successiva.",maxdate:"Si prega di inserire una data il {maxdate} o precedente.",invaliddate:"Inserisci una data valida."},es:{required:"Por favor, rellene este campo.",minlength:"Por favor, introduzca al menos {requiredLength} caracteres.",maxlength:"Por favor, introduzca no más de {requiredLength} caracteres.",pattern:"Por favor, introduzca un valor que coincida con el patrón: {pattern}.",email:"Por favor, introduzca una dirección de correo electrónico válida.",min:"Por favor, introduzca un valor mayor o igual a {min}.",max:"Por favor, introduzca un valor menor o igual a {max}.",requiredtrue:"Por favor, marque este campo.",mindate:"Por favor, introduzca una fecha igual o posterior a {mindate}.",maxdate:"Por favor, introduzca una fecha igual o anterior a {maxdate}.",invaliddate:"Por favor, introduzca una fecha válida."}};export{r as getErrorMessage,e as languages};
 //# sourceMappingURL=index.esm.js.map