@six-group/ui-library 0.0.0-insider.e5360cd → 0.0.0-insider.ec3ffc2

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/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;
@@ -749,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -775,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -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;
@@ -897,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -950,10 +972,11 @@ 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;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -966,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1077,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1102,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1113,11 +1133,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;
@@ -1135,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1189,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };
@@ -1200,6 +1222,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1208,6 +1231,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/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/type-check.d.ts

@@ -1,3 +1,3 @@
 export declare const isString: (value: unknown) => value is string;
-export declare const isNil: (value: unknown) => value is null | undefined;
+export declare const isNil: (value: unknown) => value is undefined | null;
 export declare const isDate: (value: unknown) => value is Date;

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/assets/TRADEMARKS.md

@@ -1,7 +1,7 @@
 # Trademarks
 
-This project may contain trademarks or logos for projects, products, or services. Authorized use of SIX Group AG
+This project may contain trademarks or logos for projects, products, or services. Authorized use of SIX Group AG and BME Exchange S.A
 trademarks or logos is subject to and must follow
 [SIX Group's Guidlines](https://www.six-group.com/dam/download/media/guidelines/SIX-guidelines-product-referencing.pdf).
-Use of SIX Group trademarks or logos in modified versions of this project must not cause confusion or imply SIX Group sponsorship.
-Any use of third-party trademarks or logos are subject to those third-party's policies.
+Use of SIX Group BME Exchange S.A or trademarks or logos in modified versions of this project must not cause confusion or
+imply SIX Group or BME Exchange S.A sponsorship. Any use of third-party trademarks or logos are subject to those third-party'as policies.