@six-group/ui-library 0.0.0-insider.d82aaa2 → 0.0.0-insider.d9aec2b

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/index.d.ts

@@ -1,2 +1,3 @@
 export { Components, JSX } from './components';
 export * from './utils/error-messages';
+export * from './utils/alert';

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/types.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './utils/error-messages';
+export * from './utils/alert';

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

@@ -0,0 +1,10 @@
+import { AlertType } from '../components/six-alert/six-alert';
+/**
+ * Displays an alert on the toast stack with a specified message and optional configuration.
+ *
+ * @param message - The message to be displayed in the alert.
+ * @param alertType - The type of the alert. Valid values are 'primary', 'info', 'success', 'warning', 'danger'. Default is 'info'.
+ * @param duration - The duration in milliseconds for which the alert is displayed. If not provided, a default duration is set based on the alert type.
+ * @param iconName - The name of the icon to be displayed in the alert. If not provided, a default icon is set based on the alert type.
+ */
+export declare function showAlert(message: string, alertType?: AlertType, duration?: number, iconName?: string): void;

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,46 @@ 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[];
+    };
+    es: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
 };
 /**
  * Returns a JS Date instance of the exact moment
@@ -172,26 +180,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' | 'es';
+    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/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";function e(e,t,s,o){const a=t!==null&&t!==void 0?t:"info";const i=o!==null&&o!==void 0?o:r(a);const u=Object.assign(document.createElement("six-alert"),{type:a,duration:s!==null&&s!==void 0?s:c(a),innerHTML:`<six-icon slot="icon">${i}</six-icon>${n(e)}`,closable:true});document.body.append(u);u.toast()}function n(e){const n=document.createElement("div");n.textContent=e;return n.innerHTML}function r(e){switch(e){case"primary":return"info";case"info":return"info";case"success":return"check_circle";case"warning":return"warning";case"danger":return"report"}}function c(e){switch(e){case"primary":return 1e4;case"info":return 1e4;case"success":return 1e4;case"warning":return 2e4;case"danger":return 2e4}}export{e as showAlert};
 //# 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":["showAlert","message","alertType","duration","iconName","type","icon","getIcon","alert","Object","assign","document","createElement","getDuration","innerHTML","escapeHtml","closable","body","append","toast","html","div","textContent","messageType"],"sources":["src/utils/alert.ts"],"sourcesContent":["import { AlertType } from '../components/six-alert/six-alert';\n\n/**\n * Displays an alert on the toast stack with a specified message and optional configuration.\n *\n * @param message - The message to be displayed in the alert.\n * @param alertType - The type of the alert. Valid values are 'primary', 'info', 'success', 'warning', 'danger'. Default is 'info'.\n * @param duration - The duration in milliseconds for which the alert is displayed. If not provided, a default duration is set based on the alert type.\n * @param iconName - The name of the icon to be displayed in the alert. If not provided, a default icon is set based on the alert type.\n */\nexport function showAlert(message: string, alertType?: AlertType, duration?: number, iconName?: string): void {\n  const type = alertType ?? 'info';\n  const icon = iconName ?? getIcon(type);\n  const alert = Object.assign(document.createElement('six-alert'), {\n    type,\n    duration: duration ?? getDuration(type),\n    innerHTML: `<six-icon slot=\"icon\">${icon}</six-icon>${escapeHtml(message)}`,\n    closable: true,\n  });\n  document.body.append(alert);\n  alert.toast();\n}\n\nfunction escapeHtml(html: string): string {\n  const div = document.createElement('div');\n  div.textContent = html;\n  return div.innerHTML;\n}\n\nfunction getIcon(messageType: AlertType): string {\n  switch (messageType) {\n    case 'primary':\n      return 'info';\n    case 'info':\n      return 'info';\n    case 'success':\n      return 'check_circle';\n    case 'warning':\n      return 'warning';\n    case 'danger':\n      return 'report';\n  }\n}\n\nfunction getDuration(messageType: AlertType): number {\n  switch (messageType) {\n    case 'primary':\n      return 10000;\n    case 'info':\n      return 10000;\n    case 'success':\n      return 10000;\n    case 'warning':\n      return 20000;\n    case 'danger':\n      return 20000;\n  }\n}\n"],"mappings":"2FAUgBA,EAAUC,EAAiBC,EAAuBC,EAAmBC,GACnF,MAAMC,EAAOH,IAAS,MAATA,SAAS,EAATA,EAAa,OAC1B,MAAMI,EAAOF,IAAQ,MAARA,SAAQ,EAARA,EAAYG,EAAQF,GACjC,MAAMG,EAAQC,OAAOC,OAAOC,SAASC,cAAc,aAAc,CAC/DP,OACAF,SAAUA,IAAQ,MAARA,SAAQ,EAARA,EAAYU,EAAYR,GAClCS,UAAW,yBAAyBR,eAAkBS,EAAWd,KACjEe,SAAU,OAEZL,SAASM,KAAKC,OAAOV,GACrBA,EAAMW,OACR,CAEA,SAASJ,EAAWK,GAClB,MAAMC,EAAMV,SAASC,cAAc,OACnCS,EAAIC,YAAcF,EAClB,OAAOC,EAAIP,SACb,CAEA,SAASP,EAAQgB,GACf,OAAQA,GACN,IAAK,UACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,UACH,MAAO,eACT,IAAK,UACH,MAAO,UACT,IAAK,SACH,MAAO,SAEb,CAEA,SAASV,EAAYU,GACnB,OAAQA,GACN,IAAK,UACH,OAAO,IACT,IAAK,OACH,OAAO,IACT,IAAK,UACH,OAAO,IACT,IAAK,UACH,OAAO,IACT,IAAK,SACH,OAAO,IAEb,Q"}

package/dist/ui-library/p-030fa1fa.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as s,g as n}from"./p-05eb1bab.js";const o=":host{display:grid;grid-template-columns:repeat(var(--no-of-columns), 1fr);grid-column-gap:1rem}";const r=o;const a=class{constructor(e){t(this,e);this.columns=undefined}handleColumnsChange(){if(typeof this.columns!=="number"||this.columns===0){this.columns=12}this.host.style.setProperty("--no-of-columns",String(this.columns))}componentWillLoad(){this.handleColumnsChange()}render(){return e(s,{key:"84c4fee011655f296908661ae1b10452a5682594"},e("slot",{key:"389a12ed87de92e7c835df2a77c0f6316406284e"}))}get host(){return n(this)}static get watchers(){return{columns:["handleColumnsChange"]}}};a.style=r;export{a as six_layout_grid};
+//# sourceMappingURL=p-030fa1fa.entry.js.map