@six-group/ui-library 0.0.0-insider.4b8cb1b → 0.0.0-insider.513eb55

package/dist/types/components/six-button/six-button.d.ts

@@ -24,7 +24,7 @@ export declare class SixButton {
     hasPrefix: boolean;
     hasSuffix: boolean;
     /** The button's type. */
-    type: 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action';
+    type: 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action' | 'action-outline';
     /** The button's size. */
     size: 'small' | 'medium' | 'large';
     /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */

package/dist/types/components/six-datepicker/six-datepicker.d.ts

@@ -41,7 +41,7 @@ export declare class SixDatepicker {
     /**
      * The language used to render the weekdays and months.
      */
-    locale: 'en' | 'de' | 'fr' | 'it';
+    locale: 'en' | 'de' | 'fr' | 'it' | 'es';
     /** Indicates whether or not the calendar dropdown is open on startup. You can use this in lieu of the show/hide methods. */
     open: boolean;
     /** Indicates whether or not the calendar should be shown as an inline (always open) component */

package/dist/types/components/six-dialog/six-dialog.d.ts

@@ -60,6 +60,7 @@ export declare class SixDialog {
     sixOverlayDismiss: EventEmitter<EmptyPayload>;
     connectedCallback(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     disconnectedCallback(): void;
     /** Shows the dialog */
     show(): Promise<void>;

package/dist/types/components/six-file-upload/six-file-upload.d.ts

@@ -13,11 +13,13 @@ export interface SixFileUploadFailurePayload {
  * @since 2.0.0
  * @status experimental
  *
+ * @slot error-text - Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop.
  */
 export declare class SixFileUpload {
     readonly host: HTMLSixFileUploadElement;
     private fileInput?;
     isOver: boolean;
+    hasError: boolean;
     /** Set to true if file control should be small. */
     readonly compact: boolean;
     /** Label of the drop area. */
@@ -30,6 +32,12 @@ export declare class SixFileUpload {
     readonly multiple = false;
     /** Allowed max file size in bytes. */
     readonly maxFileSize?: number;
+    /** Set to true to draw the control in a loading state. */
+    uploading: boolean;
+    /** The error message shown, if `invalid` is set to true.  */
+    errorText: string | string[];
+    /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
+    invalid: boolean;
     /** Triggers when a file is added. */
     success: EventEmitter<SixFileUploadSuccessPayload>;
     /** Triggers when an uploaded file doesn't match MIME type or max file size. */
@@ -37,8 +45,10 @@ export declare class SixFileUpload {
     dragenterHandler(): void;
     dragoverHandler(): void;
     dragleaveHandler(): void;
-    dropHandler({ dataTransfer }: DragEvent): void;
+    dropHandler(): void;
+    private handleSlotChange;
     private handleFiles;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private preventDefaults;

package/dist/types/components/six-header/six-header.d.ts

@@ -41,6 +41,8 @@ export declare class SixHeader {
     openSearch: boolean;
     /** Set whether the logo should be clickable */
     clickableLogo: boolean;
+    /** The displayed logo. Either six or bme. Defaults to six. */
+    logo: 'six' | 'bme';
     handleOpenSearchChange(): void;
     /** Sets open state for search */
     setSearchOpenState(openState: boolean): Promise<void>;
@@ -55,7 +57,7 @@ export declare class SixHeader {
     /** Emitted when the hamburger menu is clicked. */
     sixHamburgerClick: EventEmitter<EmptyPayload>;
     /** Emitted when the header logo is clicked. */
-    sixLogoClick: EventEmitter<EmptyPayload>;
+    logoClick: EventEmitter<EmptyPayload>;
     /** Emitted when search field is toggled. */
     sixSearchFieldToggle: EventEmitter<SixHeaderSearchFieldToggle>;
     host: HTMLSixHeaderElement;

package/dist/types/components/six-input/six-input.d.ts

@@ -1,5 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { EmptyPayload } from '../../utils/types';
+export type SelectionRangeDirection = 'forward' | 'backward' | 'none';
+export type SelectionRange = {
+    selectionStart: number | undefined;
+    selectionEnd: number | undefined;
+    selectionDirection: SelectionRangeDirection | undefined;
+};
 /**
  * @since 1.0
  * @status stable
@@ -123,7 +129,9 @@ export declare class SixInput {
     /** Selects all the text in the input. */
     select(): Promise<void | undefined>;
     /** Sets the start and end positions of the text selection (0-based). */
-    setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): Promise<void | undefined>;
+    setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: SelectionRangeDirection): Promise<void | undefined>;
+    /** Returns the start and end positions of the text selection */
+    getSelectionRange(): Promise<SelectionRange>;
     /** Replaces a range of text with a new string. */
     setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): Promise<void>;
     private handleChange;

package/dist/types/components/six-menu/six-menu.d.ts

@@ -54,7 +54,7 @@ export declare class SixMenu {
      * Used to calculate which items should be rendered in the DOM
      */
     private scrollingIndex;
-    sixMenuItemHeight: number;
+    private sixMenuItemHeight;
     connectedCallback(): void;
     componentWillLoad(): void;
     private handleScrolling;

package/dist/types/components/six-range/six-range.d.ts

@@ -69,6 +69,8 @@ export declare class SixRange {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    componentDidUpdate(): void;
+    private getMinMax;
     /** Sets focus on the input. */
     setFocus(options?: FocusOptions): Promise<void>;
     /** Removes focus from the input. */

package/dist/types/components/six-select/six-select.d.ts

@@ -136,12 +136,10 @@ export declare class SixSelect {
     disconnectedCallback(): void;
     /** Sets focus on the select. */
     setFocus(options?: FocusOptions): Promise<void>;
-    private init;
     private getItemLabel;
     private getItems;
     private getVisibleItems;
     private getSelectionContainerItems;
-    private getValueAsArray;
     private handleBlur;
     private handleFocus;
     private handleClearClick;

package/dist/types/components/six-select/util.d.ts

@@ -3,5 +3,7 @@ export interface MenuItem {
 }
 export declare function getValue(value: unknown, multiple: boolean, menuItems: MenuItem[]): string | string[];
 export declare function isValidValue(value: unknown, multiple: boolean, menuItems: MenuItem[]): boolean;
+export declare function convertToValidValue(value: unknown, multiple: boolean): string | string[];
+export declare function convertToValidArrayValue(value: unknown): string[];
 export declare function valueEquals(a: string | string[], b: string | string[]): boolean;
 export declare function isValueEmpty(value: string | string[]): boolean;

package/dist/types/components/six-tab-group/six-tab-group.d.ts

@@ -30,7 +30,8 @@ export declare class SixTabGroup {
     private tabGroup?;
     private tabs?;
     host: HTMLSixTabGroupElement;
-    hasScrollControls: boolean;
+    hasLeftControl: boolean;
+    hasRightControl: boolean;
     /** The placement of the tabs. */
     placement: 'top' | 'bottom' | 'left' | 'right';
     /** Disables the scroll arrows that appear when tabs overflow. */
@@ -51,6 +52,8 @@ export declare class SixTabGroup {
     private handleKeyDown;
     private handleScrollLeft;
     private handleScrollRight;
+    private calculateRightControlVisibility;
+    private calculateLeftControlVisibility;
     private updateScrollControls;
     private setActiveTab;
     private setAriaLabels;

package/dist/types/components.d.ts

@@ -14,6 +14,7 @@ import { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdow
 import { SixFileListDownloadPayload, SixFileListRemovePayload } from "./components/six-file-list-item/six-file-list-item";
 import { SixFileUploadFailurePayload, SixFileUploadSuccessPayload } from "./components/six-file-upload/six-file-upload";
 import { SixHeaderAppSwitcherSelectPayload, SixHeaderProfileSelectPayload, SixHeaderSearchFieldToggle } from "./components/six-header/six-header";
+import { SelectionRange, SelectionRangeDirection } from "./components/six-input/six-input";
 import { ItemPickerPaddingDirection, ItemPickerType } from "./components/six-item-picker/types";
 import { SixItemPickerChangePayload } from "./components/six-item-picker/six-item-picker";
 import { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
@@ -34,6 +35,7 @@ export { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdow
 export { SixFileListDownloadPayload, SixFileListRemovePayload } from "./components/six-file-list-item/six-file-list-item";
 export { SixFileUploadFailurePayload, SixFileUploadSuccessPayload } from "./components/six-file-upload/six-file-upload";
 export { SixHeaderAppSwitcherSelectPayload, SixHeaderProfileSelectPayload, SixHeaderSearchFieldToggle } from "./components/six-header/six-header";
+export { SelectionRange, SelectionRangeDirection } from "./components/six-input/six-input";
 export { ItemPickerPaddingDirection, ItemPickerType } from "./components/six-item-picker/types";
 export { SixItemPickerChangePayload } from "./components/six-item-picker/six-item-picker";
 export { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
@@ -57,7 +59,7 @@ export namespace Components {
          */
         "closable": boolean;
         /**
-          * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the alert before it closes (e.g. moves the mouse over it), the timer will restart.
+          * The length of time, in milliseconds, the alert will show before closing itself. If the user hovers over the toast alert, the timer will pause. On leaving the element with the mouse, the timer resets.
          */
         "duration": number;
         /**
@@ -189,7 +191,14 @@ export namespace Components {
         /**
           * The button's type.
          */
-        "type": 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action';
+        "type": | 'secondary'
+    | 'primary'
+    | 'link'
+    | 'success'
+    | 'warning'
+    | 'danger'
+    | 'action'
+    | 'action-outline';
         /**
           * An optional value for the button. Ignored when `href` is set.
          */
@@ -324,7 +333,7 @@ export namespace Components {
         /**
           * The language used to render the weekdays and months.
          */
-        "locale": 'en' | 'de' | 'fr' | 'it';
+        "locale": 'en' | 'de' | 'fr' | 'it' | 'es';
         /**
           * The maximum datetime allowed. Value must be a date object
          */
@@ -670,6 +679,14 @@ export namespace Components {
           * Set when button is disabled.
          */
         "disabled": false;
+        /**
+          * The error message shown, if `invalid` is set to true.
+         */
+        "errorText": string | string[];
+        /**
+          * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
+         */
+        "invalid": boolean;
         /**
           * Label of the drop area.
          */
@@ -682,6 +699,10 @@ export namespace Components {
           * More than one file allowed.
          */
         "multiple": false;
+        /**
+          * Set to true to draw the control in a loading state.
+         */
+        "uploading": boolean;
     }
     /**
      * @since 1.0
@@ -732,6 +753,10 @@ export namespace Components {
           * Set whether the hamburger menu should be visible or not
          */
         "hideHamburgerMenu": boolean;
+        /**
+          * The displayed logo. Either six or bme. Defaults to six.
+         */
+        "logo": 'six' | 'bme';
         /**
           * Set the hamburger menu icon to open or closed state
          */
@@ -839,6 +864,10 @@ export namespace Components {
           * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
          */
         "errorTextCount"?: number;
+        /**
+          * Returns the start and end positions of the text selection
+         */
+        "getSelectionRange": () => Promise<SelectionRange>;
         /**
           * The input's help text. Alternatively, you can use the help-text slot.
          */
@@ -914,11 +943,11 @@ export namespace Components {
         /**
           * Replaces a range of text with a new string.
          */
-        "setRangeText": (replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>;
+        "setRangeText": (replacement: string, start: number, end: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
         /**
           * Sets the start and end positions of the text selection (0-based).
          */
-        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>;
+        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: SelectionRangeDirection) => Promise<void | undefined>;
         /**
           * The input's size.
          */
@@ -1785,11 +1814,11 @@ export namespace Components {
         /**
           * Replaces a range of text with a new string.
          */
-        "setRangeText": (replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>;
+        "setRangeText": (replacement: string, start: number, end: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
         /**
           * Sets the start and end positions of the text selection (0-based).
          */
-        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>;
+        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: "forward" | "backward" | "none") => Promise<void | undefined>;
         /**
           * The textarea's size.
          */
@@ -3087,7 +3116,7 @@ declare namespace LocalJSX {
          */
         "closable"?: boolean;
         /**
-          * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the alert before it closes (e.g. moves the mouse over it), the timer will restart.
+          * The length of time, in milliseconds, the alert will show before closing itself. If the user hovers over the toast alert, the timer will pause. On leaving the element with the mouse, the timer resets.
          */
         "duration"?: number;
         /**
@@ -3222,7 +3251,14 @@ declare namespace LocalJSX {
         /**
           * The button's type.
          */
-        "type"?: 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action';
+        "type"?: | 'secondary'
+    | 'primary'
+    | 'link'
+    | 'success'
+    | 'warning'
+    | 'danger'
+    | 'action'
+    | 'action-outline';
         /**
           * An optional value for the button. Ignored when `href` is set.
          */
@@ -3361,7 +3397,7 @@ declare namespace LocalJSX {
         /**
           * The language used to render the weekdays and months.
          */
-        "locale"?: 'en' | 'de' | 'fr' | 'it';
+        "locale"?: 'en' | 'de' | 'fr' | 'it' | 'es';
         /**
           * The maximum datetime allowed. Value must be a date object
          */
@@ -3774,6 +3810,14 @@ declare namespace LocalJSX {
           * Set when button is disabled.
          */
         "disabled"?: false;
+        /**
+          * The error message shown, if `invalid` is set to true.
+         */
+        "errorText"?: string | string[];
+        /**
+          * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
+         */
+        "invalid"?: boolean;
         /**
           * Label of the drop area.
          */
@@ -3794,6 +3838,10 @@ declare namespace LocalJSX {
           * Triggers when a file is added.
          */
         "onSix-file-upload-success"?: (event: SixFileUploadCustomEvent<SixFileUploadSuccessPayload>) => void;
+        /**
+          * Set to true to draw the control in a loading state.
+         */
+        "uploading"?: boolean;
     }
     /**
      * @since 1.0
@@ -3840,6 +3888,10 @@ declare namespace LocalJSX {
           * Set whether the hamburger menu should be visible or not
          */
         "hideHamburgerMenu"?: boolean;
+        /**
+          * The displayed logo. Either six or bme. Defaults to six.
+         */
+        "logo"?: 'six' | 'bme';
         /**
           * Emitted when the name of the selected app is clicked.
          */

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

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,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;
@@ -1104,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> {
@@ -1129,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,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;
@@ -1218,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;
         };

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

@@ -34,6 +34,14 @@ export declare const i18nDate: {
         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
@@ -190,7 +198,7 @@ export interface CalendarGridArgs {
         day: number;
     };
     allowedDates: (date: Date) => boolean;
-    locale: 'en' | 'de' | 'fr' | 'it';
+    locale: 'en' | 'de' | 'fr' | 'it' | 'es';
     selectedDate?: Date;
 }
 export declare const createCalendarGrid: (calendarGridArguments: CalendarGridArgs) => CalendarCell[][];

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/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.