@six-group/ui-library 0.0.0-insider.573d2eb → 0.0.0-insider.582a2ec

package/dist/types/components.d.ts

@@ -16,6 +16,7 @@ import { SixMenuItemData } from "./components/six-menu/six-menu";
 import { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdownScrollPayload } from "./components/six-dropdown/six-dropdown";
 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 { IconLibrary } from "./utils/icon";
 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";
@@ -39,6 +40,7 @@ export { SixMenuItemData } from "./components/six-menu/six-menu";
 export { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdownScrollPayload } from "./components/six-dropdown/six-dropdown";
 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 { IconLibrary } from "./utils/icon";
 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";
@@ -141,6 +143,43 @@ export namespace Components {
          */
         "type": 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'action';
     }
+    /**
+     * Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
+     * @since 5.0
+     * @status beta
+     */
+    interface SixBreadcrumbs {
+        /**
+          * Defines an icon as a separator without having to place a slot *
+          * @default ''
+         */
+        "separatorIcon": string;
+    }
+    /**
+     * Breadcrumb items are used inside breadcrumbs to represent different links.
+     * @since 5.0
+     * @status beta
+     */
+    interface SixBreadcrumbsItem {
+        /**
+          * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
+         */
+        "href"?: string;
+        /**
+          * Set to true to readonly the breadcrumb item.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * The breadcrumbs item size.
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Tells the browser where to open the link. Only used when `href` is set.
+         */
+        "target"?: '_blank' | '_parent' | '_self' | '_top';
+    }
     /**
      * @since 1.0
      * @status stable
@@ -399,7 +438,7 @@ export namespace Components {
     }
     /**
      * @since 1.0
-     * @status stable
+     * @status deprecated. Use six-date instead.
      */
     interface SixDatepicker {
         /**
@@ -733,6 +772,11 @@ export namespace Components {
           * @default false
          */
         "matchTriggerWidth": boolean;
+        /**
+          * Set to true if you want to disable the default dropdown panel scroll behavior.
+          * @default false
+         */
+        "noScroll": boolean;
         /**
           * Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods.
           * @default false
@@ -1013,6 +1057,10 @@ export namespace Components {
           * @default false
          */
         "filled": boolean;
+        /**
+          * Icon library to use when no `library` prop is provided. By default, all `<six-icon>` instances fall back to the globally configured default library (via `setDefaultIconLibrary()` / `getDefaultIconLibrary()`), which is `"material-icons"` unless changed at runtime.  This allows teams to switch the default across an entire project without having to set the `library` prop on every `<six-icon>` instance.  Icon library for this instance. Overrides the global default. - "material-icons"  → Material Icons - "material-symbols"  → Material Symbols
+         */
+        "library"?: IconLibrary;
         /**
           * The icon's size.
           * @default 'inherit'
@@ -1627,6 +1675,67 @@ export namespace Components {
          */
         "value": number;
     }
+    interface SixRating {
+        /**
+          * Set to true to disable the rating.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The error message shown, if `invalid` is set to true.
+          * @default ''
+         */
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
+        /**
+          * The rating's help text. Alternatively, you can use the help-text slot.
+          * @default ''
+         */
+        "helpText": string;
+        /**
+          * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
+          * @default false
+         */
+        "invalid": boolean;
+        /**
+          * The label text.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Maximum number of stars. Default is 5
+          * @default 5
+         */
+        "max": number;
+        /**
+          * The rating's name attribute.
+          * @default ''
+         */
+        "name": string;
+        /**
+          * If its readonly
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Set to true to show an asterisk beneath the label.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Size of the stars
+          * @default 'medium'
+         */
+        "size": 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+        /**
+          * The rating's value attribute.
+          * @default 0
+         */
+        "value": number;
+    }
     /**
      * @since 1.0
      * @status stable
@@ -2027,6 +2136,10 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * The content to display when the user hovers over the tab's title. Useful if the tab's title has html content in it
+         */
+        "hoverContent"?: string;
         /**
           * The name of the tab panel the tab will control. The panel must be located in the same tab group.
           * @default ''
@@ -2537,6 +2650,10 @@ export interface SixRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixRangeElement;
 }
+export interface SixRatingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSixRatingElement;
+}
 export interface SixSearchFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixSearchFieldElement;
@@ -2629,6 +2746,28 @@ declare global {
         prototype: HTMLSixBadgeElement;
         new (): HTMLSixBadgeElement;
     };
+    /**
+     * Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
+     * @since 5.0
+     * @status beta
+     */
+    interface HTMLSixBreadcrumbsElement extends Components.SixBreadcrumbs, HTMLStencilElement {
+    }
+    var HTMLSixBreadcrumbsElement: {
+        prototype: HTMLSixBreadcrumbsElement;
+        new (): HTMLSixBreadcrumbsElement;
+    };
+    /**
+     * Breadcrumb items are used inside breadcrumbs to represent different links.
+     * @since 5.0
+     * @status beta
+     */
+    interface HTMLSixBreadcrumbsItemElement extends Components.SixBreadcrumbsItem, HTMLStencilElement {
+    }
+    var HTMLSixBreadcrumbsItemElement: {
+        prototype: HTMLSixBreadcrumbsItemElement;
+        new (): HTMLSixBreadcrumbsItemElement;
+    };
     interface HTMLSixButtonElementEventMap {
         "six-button-blur": EmptyPayload;
         "six-button-focus": EmptyPayload;
@@ -2716,7 +2855,7 @@ declare global {
     }
     /**
      * @since 1.0
-     * @status stable
+     * @status deprecated. Use six-date instead.
      */
     interface HTMLSixDatepickerElement extends Components.SixDatepicker, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSixDatepickerElementEventMap>(type: K, listener: (this: HTMLSixDatepickerElement, ev: SixDatepickerCustomEvent<HTMLSixDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3220,6 +3359,25 @@ declare global {
         prototype: HTMLSixRangeElement;
         new (): HTMLSixRangeElement;
     };
+    interface HTMLSixRatingElementEventMap {
+        "six-rating-blur": number;
+        "six-rating-change": number;
+        "six-rating-focus": EmptyPayload;
+    }
+    interface HTMLSixRatingElement extends Components.SixRating, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixRatingElementEventMap>(type: K, listener: (this: HTMLSixRatingElement, ev: SixRatingCustomEvent<HTMLSixRatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixRatingElementEventMap>(type: K, listener: (this: HTMLSixRatingElement, ev: SixRatingCustomEvent<HTMLSixRatingElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSixRatingElement: {
+        prototype: HTMLSixRatingElement;
+        new (): HTMLSixRatingElement;
+    };
     /**
      * @since 1.0
      * @status stable
@@ -3538,6 +3696,8 @@ declare global {
         "six-alert": HTMLSixAlertElement;
         "six-avatar": HTMLSixAvatarElement;
         "six-badge": HTMLSixBadgeElement;
+        "six-breadcrumbs": HTMLSixBreadcrumbsElement;
+        "six-breadcrumbs-item": HTMLSixBreadcrumbsItemElement;
         "six-button": HTMLSixButtonElement;
         "six-card": HTMLSixCardElement;
         "six-checkbox": HTMLSixCheckboxElement;
@@ -3575,6 +3735,7 @@ declare global {
         "six-progress-ring": HTMLSixProgressRingElement;
         "six-radio": HTMLSixRadioElement;
         "six-range": HTMLSixRangeElement;
+        "six-rating": HTMLSixRatingElement;
         "six-root": HTMLSixRootElement;
         "six-search-field": HTMLSixSearchFieldElement;
         "six-select": HTMLSixSelectElement;
@@ -3687,6 +3848,43 @@ declare namespace LocalJSX {
          */
         "type"?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'action';
     }
+    /**
+     * Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
+     * @since 5.0
+     * @status beta
+     */
+    interface SixBreadcrumbs {
+        /**
+          * Defines an icon as a separator without having to place a slot *
+          * @default ''
+         */
+        "separatorIcon"?: string;
+    }
+    /**
+     * Breadcrumb items are used inside breadcrumbs to represent different links.
+     * @since 5.0
+     * @status beta
+     */
+    interface SixBreadcrumbsItem {
+        /**
+          * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
+         */
+        "href"?: string;
+        /**
+          * Set to true to readonly the breadcrumb item.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * The breadcrumbs item size.
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Tells the browser where to open the link. Only used when `href` is set.
+         */
+        "target"?: '_blank' | '_parent' | '_self' | '_top';
+    }
     /**
      * @since 1.0
      * @status stable
@@ -3953,7 +4151,7 @@ declare namespace LocalJSX {
     }
     /**
      * @since 1.0
-     * @status stable
+     * @status deprecated. Use six-date instead.
      */
     interface SixDatepicker {
         /**
@@ -4327,6 +4525,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "matchTriggerWidth"?: boolean;
+        /**
+          * Set to true if you want to disable the default dropdown panel scroll behavior.
+          * @default false
+         */
+        "noScroll"?: boolean;
         /**
           * Emitted when the async filter is triggered
          */
@@ -4647,6 +4850,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "filled"?: boolean;
+        /**
+          * Icon library to use when no `library` prop is provided. By default, all `<six-icon>` instances fall back to the globally configured default library (via `setDefaultIconLibrary()` / `getDefaultIconLibrary()`), which is `"material-icons"` unless changed at runtime.  This allows teams to switch the default across an entire project without having to set the `library` prop on every `<six-icon>` instance.  Icon library for this instance. Overrides the global default. - "material-icons"  → Material Icons - "material-symbols"  → Material Symbols
+         */
+        "library"?: IconLibrary;
         /**
           * The icon's size.
           * @default 'inherit'
@@ -5265,6 +5472,79 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface SixRating {
+        /**
+          * Set to true to disable the rating.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The error message shown, if `invalid` is set to true.
+          * @default ''
+         */
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
+        /**
+          * The rating's help text. Alternatively, you can use the help-text slot.
+          * @default ''
+         */
+        "helpText"?: string;
+        /**
+          * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
+          * @default false
+         */
+        "invalid"?: boolean;
+        /**
+          * The label text.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Maximum number of stars. Default is 5
+          * @default 5
+         */
+        "max"?: number;
+        /**
+          * The rating's name attribute.
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Emitted when the control loses focus.
+         */
+        "onSix-rating-blur"?: (event: SixRatingCustomEvent<number>) => void;
+        /**
+          * Emitted when the control's checked state changes.
+         */
+        "onSix-rating-change"?: (event: SixRatingCustomEvent<number>) => void;
+        /**
+          * Emitted when the control gains focus.
+         */
+        "onSix-rating-focus"?: (event: SixRatingCustomEvent<EmptyPayload>) => void;
+        /**
+          * If its readonly
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Set to true to show an asterisk beneath the label.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Size of the stars
+          * @default 'medium'
+         */
+        "size"?: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+        /**
+          * The rating's value attribute.
+          * @default 0
+         */
+        "value"?: number;
+    }
     /**
      * @since 1.0
      * @status stable
@@ -5681,6 +5961,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * The content to display when the user hovers over the tab's title. Useful if the tab's title has html content in it
+         */
+        "hoverContent"?: string;
         /**
           * Emitted when the tab is closable and the close button is activated.
          */
@@ -6142,6 +6426,8 @@ declare namespace LocalJSX {
         "six-alert": SixAlert;
         "six-avatar": SixAvatar;
         "six-badge": SixBadge;
+        "six-breadcrumbs": SixBreadcrumbs;
+        "six-breadcrumbs-item": SixBreadcrumbsItem;
         "six-button": SixButton;
         "six-card": SixCard;
         "six-checkbox": SixCheckbox;
@@ -6179,6 +6465,7 @@ declare namespace LocalJSX {
         "six-progress-ring": SixProgressRing;
         "six-radio": SixRadio;
         "six-range": SixRange;
+        "six-rating": SixRating;
         "six-root": SixRoot;
         "six-search-field": SixSearchField;
         "six-select": SixSelect;
@@ -6220,6 +6507,18 @@ declare module "@stencil/core" {
              * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
              */
             "six-badge": LocalJSX.SixBadge & JSXBase.HTMLAttributes<HTMLSixBadgeElement>;
+            /**
+             * Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
+             * @since 5.0
+             * @status beta
+             */
+            "six-breadcrumbs": LocalJSX.SixBreadcrumbs & JSXBase.HTMLAttributes<HTMLSixBreadcrumbsElement>;
+            /**
+             * Breadcrumb items are used inside breadcrumbs to represent different links.
+             * @since 5.0
+             * @status beta
+             */
+            "six-breadcrumbs-item": LocalJSX.SixBreadcrumbsItem & JSXBase.HTMLAttributes<HTMLSixBreadcrumbsItemElement>;
             /**
              * @since 1.0
              * @status stable
@@ -6245,7 +6544,7 @@ declare module "@stencil/core" {
             "six-date": LocalJSX.SixDate & JSXBase.HTMLAttributes<HTMLSixDateElement>;
             /**
              * @since 1.0
-             * @status stable
+             * @status deprecated. Use six-date instead.
              */
             "six-datepicker": LocalJSX.SixDatepicker & JSXBase.HTMLAttributes<HTMLSixDatepickerElement>;
             /**
@@ -6414,6 +6713,7 @@ declare module "@stencil/core" {
              * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
              */
             "six-range": LocalJSX.SixRange & JSXBase.HTMLAttributes<HTMLSixRangeElement>;
+            "six-rating": LocalJSX.SixRating & JSXBase.HTMLAttributes<HTMLSixRatingElement>;
             /**
              * @since 1.0
              * @status stable

package/dist/types/index.d.ts

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

package/dist/types/types.d.ts

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

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

@@ -0,0 +1,5 @@
+export type IconLibrary = 'material-icons' | 'material-symbols';
+/** Sets the global default for all <six-icon> instances that don't specify `library`. */
+export declare function setDefaultIconLibrary(lib: IconLibrary): void;
+/** Returns the global default (fallback is 'material-icons'). */
+export declare function getDefaultIconLibrary(): IconLibrary;

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

@@ -1,2 +1,2 @@
-export{g as getErrorMessage,a as getLanguage,l as languages}from"./p-1oJarDAY.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};
+export{g as getErrorMessage,a as getLanguage,l as languages}from"./p-1oJarDAY.js";export{g as getDefaultIconLibrary,s as setDefaultIconLibrary}from"./p-DqHJRLQQ.js";function e(e,s,c,a){const o=s!==null&&s!==void 0?s:"info";const i=a!==null&&a!==void 0?a:r(o);const u=Object.assign(document.createElement("six-alert"),{type:o,duration:c!==null&&c!==void 0?c:t(o),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 t(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,"file":"index.esm.js","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"],"names":[],"mappings":";;AAEA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAC,OAAe,EAAE,SAAqB,EAAE,QAAiB,EAAE,QAAiB,EAAA;IACpG,MAAM,IAAI,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,MAAA,GAAA,SAAS,GAAI,MAAM;AAChC,IAAA,MAAM,IAAI,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,OAAO,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;QAC/D,IAAI;QACJ,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,WAAW,CAAC,IAAI,CAAC;QACvC,SAAS,EAAE,yBAAyB,IAAI,CAAA,WAAA,EAAc,UAAU,CAAC,OAAO,CAAC,CAAE,CAAA;AAC3E,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACF,IAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,KAAK,EAAE;AACf;AAEA,SAAS,UAAU,CAAC,IAAY,EAAA;IAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACzC,IAAA,GAAG,CAAC,WAAW,GAAG,IAAI;IACtB,OAAO,GAAG,CAAC,SAAS;AACtB;AAEA,SAAS,OAAO,CAAC,WAAsB,EAAA;IACrC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,cAAc;AACvB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ;;AAErB;AAEA,SAAS,WAAW,CAAC,WAAsB,EAAA;IACzC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,KAAK;;AAElB;;;;"}
+{"version":3,"file":"index.esm.js","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"],"names":[],"mappings":";;;AAEA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAC,OAAe,EAAE,SAAqB,EAAE,QAAiB,EAAE,QAAiB,EAAA;IACpG,MAAM,IAAI,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,MAAA,GAAA,SAAS,GAAI,MAAM;AAChC,IAAA,MAAM,IAAI,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,OAAO,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;QAC/D,IAAI;QACJ,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,WAAW,CAAC,IAAI,CAAC;QACvC,SAAS,EAAE,yBAAyB,IAAI,CAAA,WAAA,EAAc,UAAU,CAAC,OAAO,CAAC,CAAE,CAAA;AAC3E,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACF,IAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,KAAK,EAAE;AACf;AAEA,SAAS,UAAU,CAAC,IAAY,EAAA;IAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACzC,IAAA,GAAG,CAAC,WAAW,GAAG,IAAI;IACtB,OAAO,GAAG,CAAC,SAAS;AACtB;AAEA,SAAS,OAAO,CAAC,WAAsB,EAAA;IACrC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,cAAc;AACvB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ;;AAErB;AAEA,SAAS,WAAW,CAAC,WAAsB,EAAA;IACzC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,KAAK;;AAElB;;;;"}

package/dist/ui-library/p-05ca516d.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as i}from"./p-JoG9I7EO.js";const e=".six-files-list__container{padding:1rem}.six-files-list__container :last-child{padding-bottom:0}";const t=class{constructor(i){s(this,i)}render(){return i("div",{key:"cf80dfd0ccfbe849dd17bfd4d940fd8ef0d1930e",class:"six-files-list__container"},i("slot",{key:"cb9149f512f113f2012328a102a5eac8fef55f74"}))}};t.style=e;export{t as six_file_list};
+//# sourceMappingURL=p-05ca516d.entry.js.map

package/dist/ui-library/{p-a43843d6.entry.js → p-06c6b189.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r}from"./p-JoG9I7EO.js";const e=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.six-footer{color:var(--six-color-web-rock-900);padding:var(--six-spacing-x-small) 0;text-align:center;width:100%;background-color:var(--six-footer-background-color);box-shadow:var(--six-shadow-medium-top)}";const s=class{constructor(r){o(this,r)}render(){return r("footer",{key:"fe39b58edfd331a6b6ae1d551286fd45e3783f5d",class:"six-footer"},r("slot",{key:"7c93a54de4e4160adabc4790b368401b790d6fcc"}))}};s.style=e;export{s as six_footer};
-//# sourceMappingURL=p-a43843d6.entry.js.map
+import{r as o,h as r}from"./p-JoG9I7EO.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.six-footer{color:var(--six-color-web-rock-900);padding:var(--six-spacing-x-small) 0;text-align:center;width:100%;background-color:var(--six-footer-background-color);box-shadow:var(--six-shadow-medium-top)}";const t=class{constructor(r){o(this,r)}render(){return r("footer",{key:"21f693d3b5de440dba60926318d0627ca1c260b1",class:"six-footer"},r("slot",{key:"ecd570f552abf35060d5b449c4ce900b23b2abb6"}))}};t.style=s;export{t as six_footer};
+//# sourceMappingURL=p-06c6b189.entry.js.map

package/dist/ui-library/{p-850aff56.entry.js → p-12a2cc6b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as s,g as o}from"./p-JoG9I7EO.js";import{g as r}from"./p-j3oIB5oT.js";const i=":host{height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--six-spacing-large);border-bottom:solid var(--six-header-border-height) transparent;border-top:solid var(--six-header-border-height) transparent}:host(.six-header-dropdown-item--active){border-bottom:solid var(--six-header-border-height) var(--six-header-border-color-open)}";const d=class{constructor(t){e(this,t);this.filter=false;this.filterPlaceholder="Filter...";this.active=false}connectedCallback(){this.updateDropdownDistance()}componentDidLoad(){this.updateDropdownDistance()}render(){return t(s,{key:"f2d143e5da9526b536b6e4d663d7f854ee1a3bf2",class:{"six-header-dropdown-item--active":this.active}},t("six-dropdown",{key:"ad3420fd33db605a06c62a4e7fdca7ecbeb6e3c2",ref:e=>this.dropdownElement=e,hoist:true,skidding:0,placement:"bottom-end","onSix-dropdown-show":()=>this.active=true,"onSix-dropdown-hide":()=>this.active=false,filter:this.filter,filterPlaceholder:this.filterPlaceholder},t("slot",{key:"0bf9ab3feeaa7dbbaf48fb26b18919d0d5e4e936",slot:"trigger",name:"trigger"}),t("slot",{key:"25e063e170bac1f46a805cb2b4b49977212b560a"})))}updateDropdownDistance(){const e=r(this.host,"trigger");const t=this.host.closest("six-header");if(e!=null&&t!=null&&this.dropdownElement!=null&&this.host!=null){const s=this.host.getBoundingClientRect().right;const o=e.getBoundingClientRect().right;const r=t.getBoundingClientRect().bottom;const i=e.getBoundingClientRect().bottom;this.dropdownElement.distance=r-i+3;this.dropdownElement.skidding=s-o}}get host(){return o(this)}};d.style=i;export{d as six_header_dropdown_item};
-//# sourceMappingURL=p-850aff56.entry.js.map
+import{r as e,h as t,H as s,g as o}from"./p-JoG9I7EO.js";import{g as r}from"./p-j3oIB5oT.js";const i=":host{height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--six-spacing-large);border-bottom:solid var(--six-header-border-height) transparent;border-top:solid var(--six-header-border-height) transparent}:host(.six-header-dropdown-item--active){border-bottom:solid var(--six-header-border-height) var(--six-header-border-color-open)}";const a=class{constructor(t){e(this,t);this.filter=false;this.filterPlaceholder="Filter...";this.active=false}connectedCallback(){this.updateDropdownDistance()}componentDidLoad(){this.updateDropdownDistance()}render(){return t(s,{key:"98b4b1ccfd9a0857cc30679ce08bdf79fd22ba57",class:{"six-header-dropdown-item--active":this.active}},t("six-dropdown",{key:"584f301f301f84f39e7dcbc724fb5afd7adeca55",ref:e=>this.dropdownElement=e,hoist:true,skidding:0,placement:"bottom-end","onSix-dropdown-show":()=>this.active=true,"onSix-dropdown-hide":()=>this.active=false,filter:this.filter,filterPlaceholder:this.filterPlaceholder},t("slot",{key:"cff60f757172303731a50d00717a476f48f3e56c",slot:"trigger",name:"trigger"}),t("slot",{key:"f1a80cd16e7c30352a15db4a1550c38fa0a21023"})))}updateDropdownDistance(){const e=r(this.host,"trigger");const t=this.host.closest("six-header");if(e!=null&&t!=null&&this.dropdownElement!=null&&this.host!=null){const s=this.host.getBoundingClientRect().right;const o=e.getBoundingClientRect().right;const r=t.getBoundingClientRect().bottom;const i=e.getBoundingClientRect().bottom;this.dropdownElement.distance=r-i+3;this.dropdownElement.skidding=s-o}}get host(){return o(this)}};a.style=i;export{a as six_header_dropdown_item};
+//# sourceMappingURL=p-12a2cc6b.entry.js.map

package/dist/ui-library/p-22f924a1.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t,g as r}from"./p-JoG9I7EO.js";const i=":host{display:flex;flex-wrap:nowrap;min-width:fit-content}.left-margin,.right-margin{flex:1 6 10rem;min-width:var(--six-spacing-xxx-large)}.content{flex:6 1 60rem;min-width:48rem;max-width:100rem}.content--padded{padding:var(--six-spacing-xxx-large) 0}";const n=class{constructor(e){a(this,e);this.padded=true}render(){return e(t,{key:"907a3b8ce2b10b71a20f97f0168a43a0ab5cf44c"},e("div",{key:"e04d2cc3e6a60870bd943d5ca34ab886180b5b99",part:"left-margin",class:"left-margin"}),e("div",{key:"5d0c9a5a499c49ad95181053df22fcb66f6d3661",part:"content",class:{content:true,"content--padded":this.padded}},e("slot",{key:"a4d5ae36a32f6f2fc2a8ed604899554fe7eb8acc"})),e("div",{key:"63725bee77f3a2e6d5c6bd631684fd8b8c37d4b1",part:"right-margin",class:"right-margin"}))}get host(){return r(this)}};n.style=i;export{n as six_main_container};
+//# sourceMappingURL=p-22f924a1.entry.js.map

package/dist/ui-library/{p-285666de.entry.js → p-26219330.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as e}from"./p-JoG9I7EO.js";const s=":host{display:block}a{text-decoration:none;display:block}.sidebar-item{padding:var(--six-spacing-small) var(--six-spacing-medium);color:var(--six-sidebar-color);cursor:pointer;font-family:var(--six-font-family);margin-left:var(--six-spacing-xx-small);display:flex;align-items:center}.sidebar-item:hover:not(.sidebar-item--disabled){color:var(--six-color-web-rock-600)}.sidebar-item.sidebar-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.sidebar-item.sidebar-item--selected{font-weight:var(--six-font-weight-bold)}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.six-sidebar-item__icon{margin-right:var(--six-spacing-medium)}";const a=class{constructor(e){i(this,e);this.value="";this.selected=false;this.disabled=false;this.icon=""}render(){const i=this.href!=null?"a":"div";return e(i,{key:"d36654ad6af78000c79191da18b9af02d582dde1",class:{"sidebar-item":true,"sidebar-item--selected":this.selected,"sidebar-item--disabled":this.disabled},role:"menuitem",href:this.href,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false"},this.icon&&e("six-icon",{key:"8664269ee064fa6abd7529ddf92bfcd62e1fe83d",class:"six-sidebar-item__icon"},this.icon),e("slot",{key:"528d1bd9d6b2e329292a90b7f21412f441dce27b"}))}};a.style=s;export{a as six_sidebar_item};
-//# sourceMappingURL=p-285666de.entry.js.map
+import{r as i,h as e}from"./p-JoG9I7EO.js";const s=":host{display:block}a{text-decoration:none;display:block}.sidebar-item{padding:var(--six-spacing-small) var(--six-spacing-medium);color:var(--six-sidebar-color);cursor:pointer;font-family:var(--six-font-family);margin-left:var(--six-spacing-xx-small);display:flex;align-items:center}.sidebar-item:hover:not(.sidebar-item--disabled){color:var(--six-color-web-rock-600)}.sidebar-item.sidebar-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.sidebar-item.sidebar-item--selected{font-weight:var(--six-font-weight-bold)}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.six-sidebar-item__icon{margin-right:var(--six-spacing-medium)}";const a=class{constructor(e){i(this,e);this.value="";this.selected=false;this.disabled=false;this.icon=""}render(){const i=this.href!=null?"a":"div";return e(i,{key:"09bcf26c2b9c30bb05820fdba6300ac0d3863df7",class:{"sidebar-item":true,"sidebar-item--selected":this.selected,"sidebar-item--disabled":this.disabled},role:"menuitem",href:this.href,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false"},this.icon&&e("six-icon",{key:"6aa594d78879a9ed4ba9a885b2ed66ec43009831",class:"six-sidebar-item__icon"},this.icon),e("slot",{key:"df8b8f32bbb75ba84d7b3c8b476ad62b32f749c5"}))}};a.style=s;export{a as six_sidebar_item};
+//# sourceMappingURL=p-26219330.entry.js.map