@six-group/ui-library 0.0.0-insider.f37af2a → 0.0.0-insider.f8f39e7

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

@@ -1,37 +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;
-  /** 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;
+    /** 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()`.
@@ -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;
@@ -872,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;
@@ -950,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;
@@ -1113,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;
@@ -1200,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1208,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

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,42 +1,44 @@
-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.
  */
 export declare function getErrorMessage(language: Language, error: ValidationError): string | undefined;
+export declare function getLanguage(): Language;

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

@@ -1,16 +1,16 @@
 interface EventListener {
-  el: GlobalEventHandlers;
-  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 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;
+    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/slot.d.ts

@@ -1,4 +1,3 @@
 export declare function getTextContent(slot?: HTMLSlotElement): string;
 export declare function hasSlot(el: HTMLElement, name?: string): boolean;
-export declare const getSlotChildren: <T extends HTMLElement>(el: HTMLElement) => T[];
 export declare function getSlot(element: ParentNode | null | undefined, slotName: string): HTMLElement | null;

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};
+export{g as getErrorMessage,a as getLanguage,l as languages}from"./p-e080d5b6.js";
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dateFormat","Intl","DateTimeFormat","getErrorMessage","language","error","message","translation","key","replace","String","requiredLength","requiredPattern","min","max","format","mindate","maxdate","text","e","console","warn","undefined","en","required","minlength","maxlength","pattern","email","requiredtrue","invaliddate","fr","de","it"],"sources":["src/utils/error-messages.ts"],"sourcesContent":["export type Language = 'de' | 'fr' | 'it' | 'en';\n\nconst dateFormat = new Intl.DateTimeFormat('de-CH');\n\nexport type ValidationError =\n  | { key: 'required' }\n  | { key: 'requiredtrue' }\n  | { key: 'email'; requiredPattern: string }\n  | { key: 'minlength'; requiredLength: number }\n  | { key: 'maxlength'; requiredLength: number }\n  | { key: 'pattern'; requiredPattern: string }\n  | { key: 'min'; min: number }\n  | { key: 'max'; max: number }\n  | { key: 'mindate'; mindate: Date; actual: Date }\n  | { key: 'maxdate'; maxdate: Date; actual: Date }\n  | { key: 'invaliddate'; actual: Date }\n  | { key: 'custom'; text: string };\n\n/**\n * Returns an error message for the given language and error.\n */\nexport function getErrorMessage(language: Language, error: ValidationError): string | undefined {\n  try {\n    const message = translation[language][error.key];\n    switch (error.key) {\n      case 'required':\n      case 'requiredtrue':\n      case 'email':\n        return message;\n      case 'minlength':\n      case 'maxlength':\n        return message.replace('{requiredLength}', String(error.requiredLength));\n      case 'pattern':\n        return message.replace('{pattern}', String(error.requiredPattern));\n      case 'min':\n        return message.replace('{min}', String(error.min));\n      case 'max':\n        return message.replace('{max}', String(error.max));\n      case 'mindate':\n        return message.replace('{mindate}', dateFormat.format(error.mindate));\n      case 'maxdate':\n        return message.replace('{maxdate}', dateFormat.format(error.maxdate));\n      case 'invaliddate':\n        return message;\n      case 'custom':\n        return error.text;\n    }\n  } catch (e) {\n    console.warn(`no error message in '${language}' for error:`, error);\n    return undefined;\n  }\n}\n\nconst translation: Record<Language, Record<string, string>> = {\n  en: {\n    required: 'Please fill out this field.',\n    minlength: 'Please enter at least {requiredLength} characters.',\n    maxlength: 'Please enter no more than {requiredLength} characters.',\n    pattern: 'Please enter a value that matches the pattern: {pattern}.',\n    email: 'Please enter a valid email address.',\n    min: 'Please enter a value greater than or equal to {min}.',\n    max: 'Please enter a value less than or equal to {max}.',\n    requiredtrue: 'Please check this field.',\n    mindate: 'Please enter a date on or after {mindate}.',\n    maxdate: 'Please enter a date on or before {maxdate}.',\n    invaliddate: 'Please enter a valid date.',\n  },\n  fr: {\n    required: \"Veuillez remplir ce champ s'il vous plaît.\",\n    minlength: 'Veuillez entrer au moins {requiredLength} caractères.',\n    maxlength: 'Veuillez entrer au maximum {requiredLength} caractères.',\n    pattern: 'Veuillez entrer une valeur qui correspond au format : {pattern}.',\n    email: 'Veuillez entrer une adresse email valide.',\n    min: 'Veuillez entrer une valeur supérieure ou égale à {min}.',\n    max: 'Veuillez entrer une valeur inférieure ou égale à {max}.',\n    requiredtrue: \"Veuillez cocher cette case s'il vous plaît.\",\n    mindate: 'Veuillez entrer une date le {mindate} ou après.',\n    maxdate: 'Veuillez entrer une date le {maxdate} ou avant.',\n    invaliddate: 'Veuillez entrer une date valide.',\n  },\n  de: {\n    required: 'Bitte füllen Sie dieses Feld aus.',\n    minlength: 'Bitte geben Sie mindestens {requiredLength} Zeichen ein.',\n    maxlength: 'Bitte geben Sie höchstens {requiredLength} Zeichen ein.',\n    pattern: 'Bitte geben Sie einen Wert ein, der dem Muster entspricht: {pattern}.',\n    email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',\n    min: 'Bitte geben Sie einen Wert größer oder gleich {min} ein.',\n    max: 'Bitte geben Sie einen Wert kleiner oder gleich {max} ein.',\n    requiredtrue: 'Bitte aktivieren Sie dieses Feld.',\n    mindate: 'Bitte geben Sie ein Datum am oder nach dem {mindate} ein.',\n    maxdate: 'Bitte geben Sie ein Datum am oder vor dem {maxdate} ein.',\n    invaliddate: 'Bitte geben Sie ein gültiges Datum ein.',\n  },\n  it: {\n    required: 'Si prega di compilare questo campo.',\n    minlength: 'Si prega di inserire almeno {requiredLength} caratteri.',\n    maxlength: 'Si prega di inserire al massimo {requiredLength} caratteri.',\n    pattern: 'Si prega di inserire un valore che corrisponde al formato: {pattern}.',\n    email: 'Si prega di inserire un indirizzo email valido.',\n    min: 'Si prega di inserire un valore maggiore o uguale a {min}.',\n    max: 'Si prega di inserire un valore minore o uguale a {max}.',\n    requiredtrue: 'Si prega di spuntare questo campo.',\n    mindate: 'Si prega di inserire una data il {mindate} o successiva.',\n    maxdate: 'Si prega di inserire una data il {maxdate} o precedente.',\n    invaliddate: 'Inserisci una data valida.',\n  },\n};\n"],"mappings":"AAEA,MAAMA,EAAa,IAAIC,KAAKC,eAAe,S,SAmB3BC,EAAgBC,EAAoBC,GAClD,IACE,MAAMC,EAAUC,EAAYH,GAAUC,EAAMG,KAC5C,OAAQH,EAAMG,KACZ,IAAK,WACL,IAAK,eACL,IAAK,QACH,OAAOF,EACT,IAAK,YACL,IAAK,YACH,OAAOA,EAAQG,QAAQ,mBAAoBC,OAAOL,EAAMM,iBAC1D,IAAK,UACH,OAAOL,EAAQG,QAAQ,YAAaC,OAAOL,EAAMO,kBACnD,IAAK,MACH,OAAON,EAAQG,QAAQ,QAASC,OAAOL,EAAMQ,MAC/C,IAAK,MACH,OAAOP,EAAQG,QAAQ,QAASC,OAAOL,EAAMS,MAC/C,IAAK,UACH,OAAOR,EAAQG,QAAQ,YAAaT,EAAWe,OAAOV,EAAMW,UAC9D,IAAK,UACH,OAAOV,EAAQG,QAAQ,YAAaT,EAAWe,OAAOV,EAAMY,UAC9D,IAAK,cACH,OAAOX,EACT,IAAK,SACH,OAAOD,EAAMa,K,CAEjB,MAAOC,GACPC,QAAQC,KAAK,wBAAwBjB,gBAAwBC,GAC7D,OAAOiB,S,CAEX,CAEA,MAAMf,EAAwD,CAC5DgB,GAAI,CACFC,SAAU,8BACVC,UAAW,qDACXC,UAAW,yDACXC,QAAS,4DACTC,MAAO,sCACPf,IAAK,uDACLC,IAAK,oDACLe,aAAc,2BACdb,QAAS,6CACTC,QAAS,8CACTa,YAAa,8BAEfC,GAAI,CACFP,SAAU,6CACVC,UAAW,wDACXC,UAAW,0DACXC,QAAS,mEACTC,MAAO,4CACPf,IAAK,0DACLC,IAAK,0DACLe,aAAc,8CACdb,QAAS,kDACTC,QAAS,kDACTa,YAAa,oCAEfE,GAAI,CACFR,SAAU,oCACVC,UAAW,2DACXC,UAAW,0DACXC,QAAS,wEACTC,MAAO,mDACPf,IAAK,2DACLC,IAAK,4DACLe,aAAc,oCACdb,QAAS,4DACTC,QAAS,2DACTa,YAAa,2CAEfG,GAAI,CACFT,SAAU,sCACVC,UAAW,0DACXC,UAAW,8DACXC,QAAS,wEACTC,MAAO,kDACPf,IAAK,4DACLC,IAAK,0DACLe,aAAc,qCACdb,QAAS,2DACTC,QAAS,2DACTa,YAAa,sC"}
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/ui-library/p-01ae4500.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-ca63a6fa.js";const s=":host{display:block}a{text-decoration:none;display:block}.sidebar-item{padding:8px 8px 16px 16px;font-size:0.9rem;color:var(--six-sidebar-color);cursor:pointer;font-family:var(--six-font-family)}.sidebar-item:hover:not(.sidebar-item--disabled){color:var(--six-color-web-rock-600)}.sidebar-item.sidebar-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.sidebar-item.sidebar-item--selected{font-weight:var(--six-font-weight-bold)}";const t=class{constructor(i){e(this,i);this.value="";this.selected=false;this.disabled=false;this.href=undefined}render(){const e=this.href!=null?"a":"div";return i(e,{class:{"sidebar-item":true,"sidebar-item--selected":this.selected,"sidebar-item--disabled":this.disabled},role:"menuitem",href:this.href,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false"},i("slot",null))}};t.style=s;export{t as six_sidebar_item};
+//# sourceMappingURL=p-01ae4500.entry.js.map

package/dist/ui-library/p-01ae4500.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixSidebarItemCss","SixSidebarItem","render","Tag","this","href","h","class","selected","disabled","role"],"sources":["src/components/six-sidebar-item/six-sidebar-item.scss?tag=six-sidebar-item&encapsulation=shadow","src/components/six-sidebar-item/six-sidebar-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\na {\n  text-decoration: none;\n  display: block;\n}\n\n.sidebar-item {\n  padding: 8px 8px 16px 16px;\n  font-size: 0.9rem;\n  color: var(--six-sidebar-color);\n  cursor: pointer;\n  font-family: var(--six-font-family);\n\n  &:hover:not(.sidebar-item--disabled) {\n    color: var(--six-color-web-rock-600);\n  }\n\n  &.sidebar-item--disabled {\n    outline: none;\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n  }\n\n  &.sidebar-item--selected {\n    font-weight: var(--six-font-weight-bold);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested displayed text of the item.\n */\n\n@Component({\n  tag: 'six-sidebar-item',\n  styleUrl: 'six-sidebar-item.scss',\n  shadow: true,\n})\nexport class SixSidebarItem {\n  /** A unique value to store in the sidebar item. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Set to true to draw the item in a selected state. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Set to true to draw the sidebar item in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Provide if the item should be rendered as anchor tag.\n   * Note, that the href is added automatically when using routerLink in Angular.\n   */\n  @Prop({ reflect: true }) href: string | undefined;\n\n  render() {\n    const Tag = this.href != null ? 'a' : 'div';\n    return (\n      <Tag\n        class={{\n          'sidebar-item': true,\n          'sidebar-item--selected': this.selected,\n          'sidebar-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        href={this.href}\n        aria-selected={this.selected ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,md,MCcbC,EAAc,M,oCAEQ,G,cAGG,M,cAGA,M,oBAQpC,MAAAC,GACE,MAAMC,EAAMC,KAAKC,MAAQ,KAAO,IAAM,MACtC,OACEC,EAACH,EAAG,CACFI,MAAO,CACL,eAAgB,KAChB,yBAA0BH,KAAKI,SAC/B,yBAA0BJ,KAAKK,UAEjCC,KAAK,WACLL,KAAMD,KAAKC,KAAI,gBACAD,KAAKI,SAAW,OAAS,QAAO,gBAChCJ,KAAKK,SAAW,OAAS,SAExCH,EAAA,a"}

package/dist/ui-library/p-021f6da9.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as r,g as i}from"./p-ca63a6fa.js";import{F as e}from"./p-67496e8c.js";import{h as a}from"./p-0cebf1d2.js";import{E as s}from"./p-8bfb4bfc.js";const l=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--thumb-size:14px;--tooltip-offset-y:10px;--track-color:var(--six-color-web-rock-900);--thumb-color:var(--six-color-web-rock-900);--track-height:3px;display:block}.range{position:relative}.range .range__control{-webkit-appearance:none;width:100%;height:var(--six-input-height-medium);background:transparent;line-height:var(--six-input-height-medium);vertical-align:middle}.range .range__control::-webkit-slider-runnable-track{width:100%;height:var(--track-height);border-radius:3px;border:none}.range .range__control::-webkit-slider-thumb{border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);-webkit-appearance:none;margin-top:calc(var(--thumb-size) / -2 + var(--track-height) / 2);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-webkit-slider-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-webkit-slider-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-webkit-slider-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control::-moz-focus-outer{border:0}.range .range__control::-moz-range-track{width:100%;height:var(--track-height);background-color:var(--six-progress-track-color);border-radius:3px;border:none}.range .range__control::-moz-range-progress{height:var(--track-height);border-radius:3px;background-color:var(--track-color);border:none}.range .range__control::-moz-range-thumb{border:none;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-moz-range-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-moz-range-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-moz-range-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control:focus{outline:none}.range .range__control:disabled::-webkit-slider-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range .range__control:disabled::-moz-range-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range__tooltip{position:absolute;z-index:var(--six-z-index-tooltip);left:1px;border-radius:var(--six-border-radius-medium);background-color:var(--six-color-web-rock-900);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-color-white);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-xx-small);transition:var(--six-transition-fast) opacity;pointer-events:none}.range__tooltip::after{content:"";position:absolute;width:0;height:0;left:50%;margin-left:calc(-1 * var(--six-tooltip-arrow-size))}.range--tooltip-visible .range__tooltip{opacity:1}.range--tooltip-top .range__tooltip{top:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-top .range__tooltip::after{border-top:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;top:100%}.range--tooltip-bottom .range__tooltip{bottom:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-bottom .range__tooltip::after{border-bottom:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;bottom:100%}';let n=0;const h=class{constructor(r){o(this,r);this.sixChange=t(this,"six-range-change",7);this.sixBlur=t(this,"six-range-blur",7);this.sixFocus=t(this,"six-range-focus",7);this.inputId=`input-${++n}`;this.labelId=`input-label-${n}`;this.helpTextId=`input-help-text-${n}`;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new s;this.handleInput=()=>{if(this.nativeInput!=null){this.update(parseFloat(this.nativeInput.value))}requestAnimationFrame((()=>{this.sixChange.emit()}))};this.handleBlur=()=>{var o;this.hasFocus=false;this.hasTooltip=false;this.sixBlur.emit();if(this.nativeInput!=null){(o=this.resizeObserver)===null||o===void 0?void 0:o.unobserve(this.nativeInput)}};this.handleFocus=()=>{var o;this.hasFocus=true;this.hasTooltip=true;this.sixFocus.emit();if(this.nativeInput!=null){(o=this.resizeObserver)===null||o===void 0?void 0:o.observe(this.nativeInput)}};this.handleSlotChange=()=>{this.hasHelpTextSlot=a(this.host,"help-text");this.hasLabelSlot=a(this.host,"label");this.hasErrorTextSlot=a(this.host,"error-text")};this.handleTouchStart=()=>{this.setFocus()};this.hasFocus=false;this.hasHelpTextSlot=false;this.hasErrorTextSlot=false;this.hasLabelSlot=false;this.hasTooltip=false;this.name="";this.value=0;this.required=false;this.helpText="";this.disabled=false;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false;this.min=0;this.max=100;this.step=1;this.tooltip="top";this.tooltipFormatter=o=>o.toString()}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.update()}connectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.update();this.handleSlotChange()}componentDidLoad(){const o=this.nativeInput;if(o==null){return}this.update();this.resizeObserver=new ResizeObserver((()=>this.update()))}disconnectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(o){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(o)}async removeFocus(){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.blur()}syncTooltip(o,t,r){if(this.tooltip!=="none"&&this.nativeInput!=null&&this.output!=null){const i=Math.max(0,(r-o)/(t-o));const e=this.nativeInput.offsetWidth;const a=this.output.offsetWidth;const s=getComputedStyle(this.nativeInput).getPropertyValue("--thumb-size");const l=`calc(${e*i}px - calc(calc(${i} * ${s}) - calc(${s} / 2)))`;this.output.style.transform=`translateX(${l})`;this.output.style.marginLeft=`-${a/2}px`}}isFirefox(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}update(o){var t,r;if(o!=null){this.value=o}const i=(t=Number(this.min))!==null&&t!==void 0?t:0;const e=(r=Number(this.max))!==null&&r!==void 0?r:0;let a;const s=parseFloat(this.value);if(isNaN(s)){a=this.getDefaultValue(i,e)}else{a=s}if(this.nativeInput!=null){this.nativeInput.value=a.toString();this.value=parseFloat(this.nativeInput.value)}else{this.value=a}this.calculateColorRunnableTrack(i,e,this.value);this.syncTooltip(i,e,this.value)}getDefaultValue(o,t){return t<o?o:o+(t-o)/2}calculateColorRunnableTrack(o,t,r){if(!this.isFirefox()&&this.nativeInput!=null){const i=Math.ceil((r-o)/(t-o)*100);this.nativeInput.style.background="-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) "+i+"%, var(--six-color-web-rock-300) "+i+"%)"}}render(){return r(e,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:"medium",errorTextId:this.errorTextId,errorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,errorTextCount:this.errorTextCount,disabled:this.disabled,required:this.required,displayError:this.invalid},r("div",{part:"base",class:{range:true,"range--disabled":this.disabled,"range--focused":this.hasFocus,"range--tooltip-visible":this.hasTooltip,"range--tooltip-top":this.tooltip==="top","range--tooltip-bottom":this.tooltip==="bottom"},onTouchStart:this.handleTouchStart},r("input",{part:"input",ref:o=>this.nativeInput=o,type:"range",class:"range__control",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.tooltip!=="none"&&r("output",{part:"tooltip",ref:o=>this.output=o,class:"range__tooltip"},this.tooltipFormatter(this.value))))}get host(){return i(this)}static get watchers(){return{label:["handleLabelChange"],errorText:["handleLabelChange"],helpText:["handleLabelChange"],value:["handleValueChange"],min:["handleValueChange"],max:["handleValueChange"]}}};h.style=l;export{h as six_range};
+//# sourceMappingURL=p-021f6da9.entry.js.map