@six-group/ui-library 0.0.0-insider.d16ec8e → 0.0.0-insider.daba936

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

@@ -1,35 +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 (if the error-text slot isn't used) */
-  errorText?: string;
-  /** Whether a error text slot has been provided. */
-  hasErrorTextSlot?: boolean;
-  /** 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 +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()`.
@@ -432,7 +451,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -812,6 +834,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -871,6 +894,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -929,6 +954,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -947,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1110,11 +1140,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1130,6 +1162,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;
@@ -1140,6 +1174,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1193,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1201,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;
@@ -1286,7 +1324,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1616,8 +1654,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/types.d.ts

@@ -0,0 +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,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
@@ -44,6 +44,7 @@ export declare const i18nDate: {
  * ```
  */
 export declare const now: () => Date;
+export declare const removeTime: (date: Date) => Date;
 export declare const pad: (value: number) => string;
 /**
  * Returns `true` if the given date is valid
@@ -171,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

@@ -0,0 +1,44 @@
+export declare const languages: readonly ["de", "fr", "it", "en", "es"];
+export type Language = (typeof languages)[number];
+export type ValidationError = {
+    key: 'required';
+} | {
+    key: 'requiredtrue';
+} | {
+    key: 'email';
+    requiredPattern: string;
+} | {
+    key: 'minlength';
+    requiredLength: number;
+} | {
+    key: 'maxlength';
+    requiredLength: number;
+} | {
+    key: 'pattern';
+    requiredPattern: string;
+} | {
+    key: 'min';
+    min: number;
+} | {
+    key: 'max';
+    max: number;
+} | {
+    key: 'mindate';
+    mindate: Date;
+    actual: Date;
+} | {
+    key: 'maxdate';
+    maxdate: Date;
+    actual: Date;
+} | {
+    key: 'invaliddate';
+    actual: Date;
+} | {
+    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,15 +1,16 @@
 interface EventListener {
-  el: DocumentAndElementEventHandlers;
-  name: string;
-  listener: EventListenerOrEventListenerObject;
-  identifier?: string | null;
+    el: GlobalEventHandlers;
+    name: string;
+    listener: EventListenerOrEventListenerObject;
+    identifier?: string | null;
 }
 export declare class EventListeners {
-  eventListeners: EventListener[];
-  add: <T extends DocumentAndElementEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject, identifier?: string | null | undefined) => void;
-  remove: <T extends DocumentAndElementEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject) => void;
-  removeByIdentifier: (identifier: string) => void;
-  private getFilteredEventListeners;
-  removeAll: () => void;
+    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/form.d.ts

@@ -0,0 +1 @@
+export declare function submitForm(element: HTMLElement): void;

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 @@
-
+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":[],"sources":[],"mappings":""}
+{"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"}