@six-group/ui-library 0.0.0-insider.ad9373a → 0.0.0-insider.af88f91

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

@@ -1,8 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 import { StageType } from '../six-stage-indicator/six-stage-indicator';
-export interface SixRootCollapsedPayload {
-    collapsed: boolean;
-}
 /**
  * @since 1.0
  * @status stable
@@ -15,20 +11,11 @@ export interface SixRootCollapsedPayload {
  */
 export declare class SixRoot {
     host: HTMLSixRootElement;
-    /** Breakpoint for smaller screens when the right sidebar is collapsed by default. */
-    breakpoint: number;
     /** Defines whether the content section should be padded */
     padded: boolean;
     /** Defines the stage of the application*/
     stage: StageType;
     /** Defines the version of the application*/
     version: string;
-    /** Emitted when display size is updated. */
-    collapsedEvent: EventEmitter<SixRootCollapsedPayload>;
-    collapse: boolean;
-    private resizeObserver;
-    handleCollapsed(collapsed: boolean): void;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
     render(): any;
 }

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

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AlertType } from "./components/six-alert/six-alert";
 import { EmptyPayload } from "./utils/types";
 import { SixDateFormats } from "./components/six-datepicker/six-date-formats";
 import { SixDatepickerSelectPayload } from "./components/six-datepicker/six-datepicker";
@@ -18,13 +19,13 @@ import { SixItemPickerChangePayload } from "./components/six-item-picker/six-ite
 import { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
 import { SixMenuItemData as SixMenuItemData1, SixMenuItemSelectedPayload } from "./components/six-menu/six-menu";
 import { StageType } from "./components/six-stage-indicator/six-stage-indicator";
-import { SixRootCollapsedPayload } from "./components/six-root/six-root";
 import { SixSearchFieldChangePayload } from "./components/six-search-field/six-search-field";
 import { SixSelectChangePayload } from "./components/six-select/six-select";
 import { StageType as StageType1 } from "./components/six-stage-indicator/six-stage-indicator";
 import { SixTabHidePayload, SixTabShowPayload } from "./components/six-tab-group/six-tab-group";
 import { TimeFormat } from "./utils/time.util";
 import { SixTimepickerChange } from "./components/six-timepicker/six-timepicker";
+export { AlertType } from "./components/six-alert/six-alert";
 export { EmptyPayload } from "./utils/types";
 export { SixDateFormats } from "./components/six-datepicker/six-date-formats";
 export { SixDatepickerSelectPayload } from "./components/six-datepicker/six-datepicker";
@@ -38,7 +39,6 @@ export { SixItemPickerChangePayload } from "./components/six-item-picker/six-ite
 export { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
 export { SixMenuItemData as SixMenuItemData1, SixMenuItemSelectedPayload } from "./components/six-menu/six-menu";
 export { StageType } from "./components/six-stage-indicator/six-stage-indicator";
-export { SixRootCollapsedPayload } from "./components/six-root/six-root";
 export { SixSearchFieldChangePayload } from "./components/six-search-field/six-search-field";
 export { SixSelectChangePayload } from "./components/six-select/six-select";
 export { StageType as StageType1 } from "./components/six-stage-indicator/six-stage-indicator";
@@ -46,12 +46,6 @@ export { SixTabHidePayload, SixTabShowPayload } from "./components/six-tab-group
 export { TimeFormat } from "./utils/time.util";
 export { SixTimepickerChange } from "./components/six-timepicker/six-timepicker";
 export namespace Components {
-    interface SetAttributes {
-        /**
-          * Attributes map
-         */
-        "value": {};
-    }
     /**
      * @since 1.0
      * @status stable
@@ -63,7 +57,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;
         /**
@@ -80,12 +74,13 @@ export namespace Components {
         "show": () => Promise<void>;
         /**
           * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by calling this method again. The returned promise will resolve after the alert is hidden.
+          * @param adjustPosition If true, the top and right position of the toast stack is shifted according to the six-root header's height and the presence of a vertical scrollbar.
          */
-        "toast": () => Promise<void>;
+        "toast": (adjustPosition?: boolean) => Promise<void>;
         /**
           * The type of alert.
          */
-        "type": 'primary' | 'success' | 'info' | 'warning' | 'danger';
+        "type": AlertType;
     }
     /**
      * @since 1.0
@@ -194,7 +189,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.
          */
@@ -329,7 +331,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
          */
@@ -675,6 +677,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.
          */
@@ -687,6 +697,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
@@ -737,6 +751,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
          */
@@ -1284,10 +1302,6 @@ export namespace Components {
      * @status stable
      */
     interface SixRoot {
-        /**
-          * Breakpoint for smaller screens when the right sidebar is collapsed by default.
-         */
-        "breakpoint": number;
         /**
           * Defines whether the content section should be padded
          */
@@ -2079,10 +2093,6 @@ export interface SixRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixRangeElement;
 }
-export interface SixRootCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSixRootElement;
-}
 export interface SixSearchFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixSearchFieldElement;
@@ -2128,12 +2138,6 @@ export interface SixTooltipCustomEvent<T> extends CustomEvent<T> {
     target: HTMLSixTooltipElement;
 }
 declare global {
-    interface HTMLSetAttributesElement extends Components.SetAttributes, HTMLStencilElement {
-    }
-    var HTMLSetAttributesElement: {
-        prototype: HTMLSetAttributesElement;
-        new (): HTMLSetAttributesElement;
-    };
     interface HTMLSixAlertElementEventMap {
         "six-alert-show": EmptyPayload;
         "six-alert-after-show": EmptyPayload;
@@ -2725,22 +2729,11 @@ declare global {
         prototype: HTMLSixRangeElement;
         new (): HTMLSixRangeElement;
     };
-    interface HTMLSixRootElementEventMap {
-        "six-root-collapsed": SixRootCollapsedPayload;
-    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixRootElement extends Components.SixRoot, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSixRootElementEventMap>(type: K, listener: (this: HTMLSixRootElement, ev: SixRootCustomEvent<HTMLSixRootElementEventMap[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 HTMLSixRootElementEventMap>(type: K, listener: (this: HTMLSixRootElement, ev: SixRootCustomEvent<HTMLSixRootElementEventMap[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 HTMLSixRootElement: {
         prototype: HTMLSixRootElement;
@@ -3051,7 +3044,6 @@ declare global {
         new (): HTMLSixTooltipElement;
     };
     interface HTMLElementTagNameMap {
-        "set-attributes": HTMLSetAttributesElement;
         "six-alert": HTMLSixAlertElement;
         "six-avatar": HTMLSixAvatarElement;
         "six-badge": HTMLSixBadgeElement;
@@ -3107,12 +3099,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface SetAttributes {
-        /**
-          * Attributes map
-         */
-        "value"?: {};
-    }
     /**
      * @since 1.0
      * @status stable
@@ -3124,7 +3110,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;
         /**
@@ -3150,7 +3136,7 @@ declare namespace LocalJSX {
         /**
           * The type of alert.
          */
-        "type"?: 'primary' | 'success' | 'info' | 'warning' | 'danger';
+        "type"?: AlertType;
     }
     /**
      * @since 1.0
@@ -3259,7 +3245,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.
          */
@@ -3398,7 +3391,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
          */
@@ -3811,6 +3804,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.
          */
@@ -3831,6 +3832,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
@@ -3877,6 +3882,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.
          */
@@ -4452,14 +4461,6 @@ declare namespace LocalJSX {
      * @status stable
      */
     interface SixRoot {
-        /**
-          * Breakpoint for smaller screens when the right sidebar is collapsed by default.
-         */
-        "breakpoint"?: number;
-        /**
-          * Emitted when display size is updated.
-         */
-        "onSix-root-collapsed"?: (event: SixRootCustomEvent<SixRootCollapsedPayload>) => void;
         /**
           * Defines whether the content section should be padded
          */
@@ -5215,7 +5216,6 @@ declare namespace LocalJSX {
         "trigger"?: string;
     }
     interface IntrinsicElements {
-        "set-attributes": SetAttributes;
         "six-alert": SixAlert;
         "six-avatar": SixAvatar;
         "six-badge": SixBadge;
@@ -5274,7 +5274,6 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "set-attributes": LocalJSX.SetAttributes & JSXBase.HTMLAttributes<HTMLSetAttributesElement>;
             /**
              * @since 1.0
              * @status stable

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

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

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";
+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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["sixLayoutGridCss","SixLayoutGridStyle0","SixLayoutGrid","handleColumnsChange","this","columns","host","style","setProperty","String","componentWillLoad","render","h","Host","key"],"sources":["src/components/six-layout-grid/six-layout-grid.scss?tag=six-layout-grid&encapsulation=shadow","src/components/six-layout-grid/six-layout-grid.tsx"],"sourcesContent":[":host {\n  display: grid;\n  grid-template-columns: repeat(var(--no-of-columns), 1fr);\n  grid-column-gap: 1rem;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The grid's content\n */\n\n@Component({\n  tag: 'six-layout-grid',\n  styleUrl: 'six-layout-grid.scss',\n  shadow: true,\n})\nexport class SixLayoutGrid {\n  @Element() host!: HTMLSixLayoutGridElement;\n\n  /** Set the number of grid columns */\n  @Prop({ mutable: true }) columns?: number;\n\n  @Watch('columns')\n  handleColumnsChange() {\n    if (typeof this.columns !== 'number' || this.columns === 0) {\n      this.columns = 12;\n    }\n    this.host.style.setProperty('--no-of-columns', String(this.columns));\n  }\n\n  componentWillLoad() {\n    this.handleColumnsChange();\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,mGACzB,MAAAC,EAAeD,E,MCaFE,EAAa,M,gDAOxB,mBAAAC,GACE,UAAWC,KAAKC,UAAY,UAAYD,KAAKC,UAAY,EAAG,CAC1DD,KAAKC,QAAU,E,CAEjBD,KAAKE,KAAKC,MAAMC,YAAY,kBAAmBC,OAAOL,KAAKC,S,CAG7D,iBAAAK,GACEN,KAAKD,qB,CAGP,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C"}

package/dist/ui-library/p-037afc74.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as e,g as l}from"./p-05eb1bab.js";import{h as o}from"./p-0cebf1d2.js";const a=".sc-six-file-upload-h{position:relative;box-sizing:border-box}.sc-six-file-upload-h *.sc-six-file-upload,.sc-six-file-upload-h *.sc-six-file-upload:before,.sc-six-file-upload-h *.sc-six-file-upload:after{box-sizing:border-box}.sc-six-file-upload-h{position:static;display:block}.six-file-upload.sc-six-file-upload six-card.sc-six-file-upload{box-shadow:none;padding:0;width:100%}.six-file-upload__label--highlighted.sc-six-file-upload{color:var(--six-color-action-600)}.six-file-upload__container--full.sc-six-file-upload{border:dashed 1px var(--six-color-web-rock-500)}.six-file-upload__label-icon.sc-six-file-upload{margin-right:0.5rem}.six-file-upload__drop-zone.sc-six-file-upload{padding:2rem 0;display:flex;justify-content:center;width:100%;transition:background-color 0.3s}.six-file-upload__drop-zone__spinner-container.sc-six-file-upload{display:flex;align-items:center}.six-file-upload__drop-zone__spinner-container.sc-six-file-upload six-spinner.sc-six-file-upload{margin-right:var(--six-spacing-x-small)}.six-file-upload__drop-zone--compact.sc-six-file-upload{padding:0}.six-file-upload__input.sc-six-file-upload{cursor:pointer;position:absolute;top:0;left:0;width:100%;user-select:none;height:100%;opacity:0;outline:none}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__drop-zone.sc-six-file-upload{background-color:var(--six-color-inactive);cursor:not-allowed}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover,.six-file-upload__drop-zone--hover.sc-six-file-upload{background-color:var(--six-color-action-light-to-be-defined)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover.six-file-upload__drop-zone--compact,.six-file-upload__drop-zone--hover.six-file-upload__drop-zone--compact.sc-six-file-upload{background-color:inherit}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__input.sc-six-file-upload{cursor:not-allowed}.six-file-upload__error-text.sc-six-file-upload{font-size:var(--six-input-help-text-font-size-medium)}";const t=a;const d=class{constructor(e){i(this,e);this.success=s(this,"six-file-upload-success",7);this.failure=s(this,"six-file-upload-failure",7);this.handleSlotChange=()=>{let i=false;if(this.errorText!=null&&(typeof this.errorText=="string"&&this.errorText.trim().length>0||typeof this.errorText=="object"&&this.errorText.length>0)){i=true}this.hasError=i||o(this.host,"error-text")};this.handleFiles=i=>{if(this.disabled||i.length===0||this.uploading){return}if(!this.multiple&&i.length>1){return this.failure.emit({reason:"Only one file is allowed."})}for(const s of i){if(s==null){return}let e=[];if(this.accept!=null){e=this.accept.replace(/\s/g,"").split(",")}if(e.length>0&&e.indexOf(s.type)===-1){const s=i.length>1?"One or more files have invalid MIME type.":"File has invalid MIME type.";return this.failure.emit({reason:s})}if(this.maxFileSize!=null&&s.size>this.maxFileSize){const s=i.length>1?"One or more files are too big":"File is too big.";return this.failure.emit({reason:s})}}const s=this.multiple?{files:i}:{file:i[0]};this.success.emit(s)};this.onChange=()=>{var i;if(((i=this.fileInput)===null||i===void 0?void 0:i.files)!=null){const i=this.fileInput.files;this.handleFiles(i);this.fileInput.value=""}};this.isOver=false;this.hasError=false;this.compact=false;this.label=undefined;this.disabled=false;this.accept=undefined;this.multiple=false;this.maxFileSize=undefined;this.uploading=false;this.errorText="";this.invalid=false}dragenterHandler(){if(!this.disabled){this.isOver=true}}dragoverHandler(){if(!this.disabled){this.isOver=true}}dragleaveHandler(){if(!this.disabled){this.isOver=false}}dropHandler({dataTransfer:i}){if(!this.disabled){this.isOver=false;if(i!=null){this.handleFiles(i.files)}}}componentWillLoad(){this.handleSlotChange()}componentDidLoad(){var i;["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.addEventListener(i,this.preventDefaults,false);document.body.addEventListener(i,this.preventDefaults,false)}));(i=this.host.shadowRoot)===null||i===void 0?void 0:i.addEventListener("slotchange",this.handleSlotChange)}disconnectedCallback(){var i;["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.removeEventListener(i,this.preventDefaults,false);document.body.removeEventListener(i,this.preventDefaults,false)}));(i=this.host.shadowRoot)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.handleSlotChange)}preventDefaults(i){i.preventDefault();i.stopPropagation()}renderLabel(){var i;return(i=this.label)!==null&&i!==void 0?i:this.compact?"Upload":e("span",null,"Drop files to upload, or ",e("span",{class:"six-file-upload__label--highlighted"},"browse"))}render(){const i=this.compact?"six-button":"six-card";const s=(Array.isArray(this.errorText)?this.errorText:[this.errorText]).filter((i=>i!=null&&i.trim()!==""));return e("div",{key:"eb14977865630579c21ac9bb4a711d1c31878cb2",class:{"six-file-upload":true,"six-file-upload--disabled":this.disabled||this.uploading}},e(i,{key:"7e5399fe2defdcf4c653056c6593e819c45964f0",disabled:this.disabled||this.uploading,"aria-invalid":this.invalid?"true":"false",class:{"six-file-upload__container--compact":this.compact,"six-file-upload__container--full":!this.compact}},this.compact&&!this.uploading&&e("span",{slot:"prefix"},e("six-icon",{class:"six-file-upload__label-icon"},"arrow_circle_up")),e("div",{key:"6a1870eaebbbdf1bafb6b893342af3730211402e",class:{"six-file-upload__drop-zone":true,"six-file-upload__drop-zone--hover":this.isOver,"six-file-upload__drop-zone--compact":this.compact}},this.uploading?e("span",{class:"six-file-upload__drop-zone__spinner-container"},e("six-spinner",null)," Uploading..."):e("div",null,e("span",null,this.renderLabel()),e("input",{class:"six-file-upload__input",type:"file",name:"resume",disabled:this.disabled,accept:this.accept,multiple:this.multiple,onChange:this.onChange,ref:i=>this.fileInput=i})))),e("div",{key:"063123eb020e8f370733294760d96709a8c22b0a","aria-hidden":this.invalid?"false":"true"},e("slot",{key:"4ac9dad1011635a2974f2d642c5748fa7e5aff3d",name:"error-text"},s.map((i=>e("six-error",null,e("div",{class:"six-file-upload__error-text"},i)))))))}get host(){return l(this)}};d.style=t;export{d as six_file_upload};
+//# sourceMappingURL=p-037afc74.entry.js.map

package/dist/ui-library/p-037afc74.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixFileUploadCss","SixFileUploadStyle0","SixFileUpload","this","handleSlotChange","validType","errorText","trim","length","hasError","hasSlot","host","handleFiles","files","disabled","uploading","multiple","failure","emit","reason","file","acceptedTypesList","accept","replace","split","indexOf","type","maxFileSize","size","eventPayload","success","onChange","_a","fileInput","value","dragenterHandler","isOver","dragoverHandler","dragleaveHandler","dropHandler","dataTransfer","componentWillLoad","componentDidLoad","forEach","eventName","addEventListener","preventDefaults","document","body","shadowRoot","disconnectedCallback","removeEventListener","e","preventDefault","stopPropagation","renderLabel","label","compact","h","class","render","Container","errorMessages","Array","isArray","filter","text","key","invalid","slot","name","ref","el","map"],"sources":["src/components/six-file-upload/six-file-upload.scss?tag=six-file-upload&encapsulation=scoped","src/components/six-file-upload/six-file-upload.tsx"],"sourcesContent":["@import 'src/global/component';\n\n$over-color: var(--six-color-action-light-to-be-defined);\n$disabled-color: var(--six-color-inactive);\n$transition: 0.3s;\n$margin: 1rem;\n\n:host {\n  position: static;\n  display: block;\n}\n\n.six-file-upload {\n  six-card {\n    box-shadow: none;\n    padding: 0;\n    width: 100%;\n  }\n\n  &__label {\n    &--highlighted {\n      color: var(--six-color-action-600);\n    }\n  }\n\n  &__container {\n    &--full {\n      border: dashed 1px var(--six-color-web-rock-500);\n    }\n  }\n\n  &__label-icon {\n    margin-right: 0.5rem;\n  }\n\n  &__drop-zone {\n    padding: 2rem 0;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    transition: background-color $transition;\n\n    &__spinner-container {\n      display: flex;\n      align-items: center;\n\n      six-spinner {\n        margin-right: var(--six-spacing-x-small);\n      }\n    }\n\n    &--compact {\n      padding: 0;\n    }\n  }\n\n  &__input {\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    user-select: none;\n    height: 100%;\n    opacity: 0;\n    outline: none;\n  }\n\n  &--disabled &__drop-zone {\n    background-color: $disabled-color;\n    cursor: not-allowed;\n  }\n\n  &:not(.six-file-upload--disabled) &__drop-zone:hover,\n  &__drop-zone--hover {\n    background-color: $over-color;\n\n    &.six-file-upload__drop-zone--compact {\n      background-color: inherit;\n    }\n  }\n\n  &--disabled &__input {\n    cursor: not-allowed;\n  }\n\n  &__error-text {\n    font-size: var(--six-input-help-text-font-size-medium);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\nimport { hasSlot } from '../../utils/slot';\n\ninterface ISingleFile {\n  file: File;\n}\n\ninterface IMultipleFiles {\n  files: FileList;\n}\n\nexport type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;\n\nexport interface SixFileUploadFailurePayload {\n  reason: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n * @slot error-text - Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop.\n */\n@Component({\n  tag: 'six-file-upload',\n  styleUrl: 'six-file-upload.scss',\n  scoped: true,\n  shadow: false,\n})\nexport class SixFileUpload {\n  @Element() readonly host!: HTMLSixFileUploadElement;\n\n  private fileInput?: HTMLInputElement;\n\n  @State() isOver = false;\n  @State() hasError = false;\n\n  /** Set to true if file control should be small. */\n  @Prop() readonly compact: boolean = false;\n\n  /** Label of the drop area. */\n  @Prop() readonly label?: string;\n\n  /** Set when button is disabled. */\n  @Prop() readonly disabled = false;\n\n  /** Accepted MIME-Types. */\n  @Prop() readonly accept?: string;\n\n  /** More than one file allowed. */\n  @Prop() readonly multiple = false;\n\n  /** Allowed max file size in bytes. */\n  @Prop() readonly maxFileSize?: number;\n\n  /** Set to true to draw the control in a loading state. */\n  @Prop({ reflect: true }) uploading = false;\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  /** Triggers when a file is added. */\n  @Event({ eventName: 'six-file-upload-success' }) success!: EventEmitter<SixFileUploadSuccessPayload>;\n\n  /** Triggers when an uploaded file doesn't match MIME type or max file size. */\n  @Event({ eventName: 'six-file-upload-failure' }) failure!: EventEmitter<SixFileUploadFailurePayload>;\n\n  @Listen('dragenter', { capture: false })\n  dragenterHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragover', { capture: false })\n  dragoverHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragleave', { capture: false })\n  dragleaveHandler() {\n    if (!this.disabled) {\n      this.isOver = false;\n    }\n  }\n\n  @Listen('drop', { capture: false })\n  dropHandler({ dataTransfer }: DragEvent) {\n    if (!this.disabled) {\n      this.isOver = false;\n      if (dataTransfer != null) {\n        this.handleFiles(dataTransfer.files);\n      }\n    }\n  }\n\n  private handleSlotChange = () => {\n    let validType = false;\n\n    if (\n      this.errorText != null &&\n      ((typeof this.errorText == 'string' && this.errorText.trim().length > 0) ||\n        (typeof this.errorText == 'object' && this.errorText.length > 0))\n    ) {\n      validType = true;\n    }\n\n    this.hasError = validType || hasSlot(this.host, 'error-text');\n  };\n\n  private handleFiles = (files: FileList) => {\n    if (this.disabled || files.length === 0 || this.uploading) {\n      return;\n    }\n\n    if (!this.multiple && files.length > 1) {\n      return this.failure.emit({ reason: 'Only one file is allowed.' });\n    }\n\n    for (const file of files) {\n      if (file == null) {\n        return;\n      }\n\n      let acceptedTypesList: string[] = [];\n      if (this.accept != null) {\n        acceptedTypesList = this.accept.replace(/\\s/g, '').split(',');\n      }\n\n      if (acceptedTypesList.length > 0 && acceptedTypesList.indexOf(file.type) === -1) {\n        const reason = files.length > 1 ? 'One or more files have invalid MIME type.' : 'File has invalid MIME type.';\n        return this.failure.emit({ reason });\n      }\n\n      if (this.maxFileSize != null && file.size > this.maxFileSize) {\n        const reason = files.length > 1 ? 'One or more files are too big' : 'File is too big.';\n        return this.failure.emit({ reason });\n      }\n    }\n\n    const eventPayload: SixFileUploadSuccessPayload = this.multiple ? { files } : { file: files[0] };\n    this.success.emit(eventPayload);\n  };\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.addEventListener(eventName, this.preventDefaults, false);\n      document.body.addEventListener(eventName, this.preventDefaults, false);\n    });\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  disconnectedCallback() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.removeEventListener(eventName, this.preventDefaults, false);\n      document.body.removeEventListener(eventName, this.preventDefaults, false);\n    });\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n  }\n\n  private preventDefaults(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private onChange = () => {\n    if (this.fileInput?.files != null) {\n      const files = this.fileInput.files;\n      this.handleFiles(files);\n      this.fileInput.value = '';\n    }\n  };\n\n  private renderLabel() {\n    return (\n      this.label ??\n      (this.compact ? (\n        'Upload'\n      ) : (\n        <span>\n          Drop files to upload, or <span class=\"six-file-upload__label--highlighted\">browse</span>\n        </span>\n      ))\n    );\n  }\n\n  render() {\n    const Container = this.compact ? 'six-button' : 'six-card';\n\n    const errorMessages = (Array.isArray(this.errorText) ? this.errorText : [this.errorText]).filter(\n      (text) => text != null && text.trim() !== ''\n    );\n\n    return (\n      <div\n        class={{\n          'six-file-upload': true,\n          'six-file-upload--disabled': this.disabled || this.uploading,\n        }}\n      >\n        <Container\n          disabled={this.disabled || this.uploading}\n          aria-invalid={this.invalid ? 'true' : 'false'}\n          class={{\n            'six-file-upload__container--compact': this.compact,\n            'six-file-upload__container--full': !this.compact,\n          }}\n        >\n          {this.compact && !this.uploading && (\n            <span slot=\"prefix\">\n              <six-icon class=\"six-file-upload__label-icon\">arrow_circle_up</six-icon>\n            </span>\n          )}\n          <div\n            class={{\n              'six-file-upload__drop-zone': true,\n              'six-file-upload__drop-zone--hover': this.isOver,\n              'six-file-upload__drop-zone--compact': this.compact,\n            }}\n          >\n            {this.uploading ? (\n              <span class=\"six-file-upload__drop-zone__spinner-container\">\n                <six-spinner /> Uploading...\n              </span>\n            ) : (\n              <div>\n                <span>{this.renderLabel()}</span>\n                <input\n                  class=\"six-file-upload__input\"\n                  type=\"file\"\n                  name=\"resume\"\n                  disabled={this.disabled}\n                  accept={this.accept}\n                  multiple={this.multiple}\n                  onChange={this.onChange}\n                  ref={(el) => (this.fileInput = el)}\n                />\n              </div>\n            )}\n          </div>\n        </Container>\n        <div aria-hidden={this.invalid ? 'false' : 'true'}>\n          <slot name=\"error-text\">\n            {errorMessages.map((text) => (\n              <six-error>\n                <div class=\"six-file-upload__error-text\">{text}</div>\n              </six-error>\n            ))}\n          </slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAmB,6jEACzB,MAAAC,EAAeD,E,MC4BFE,EAAa,M,2HAwEhBC,KAAAC,iBAAmB,KACzB,IAAIC,EAAY,MAEhB,GACEF,KAAKG,WAAa,cACTH,KAAKG,WAAa,UAAYH,KAAKG,UAAUC,OAAOC,OAAS,UAC5DL,KAAKG,WAAa,UAAYH,KAAKG,UAAUE,OAAS,GAChE,CACAH,EAAY,I,CAGdF,KAAKM,SAAWJ,GAAaK,EAAQP,KAAKQ,KAAM,aAAa,EAGvDR,KAAAS,YAAeC,IACrB,GAAIV,KAAKW,UAAYD,EAAML,SAAW,GAAKL,KAAKY,UAAW,CACzD,M,CAGF,IAAKZ,KAAKa,UAAYH,EAAML,OAAS,EAAG,CACtC,OAAOL,KAAKc,QAAQC,KAAK,CAAEC,OAAQ,6B,CAGrC,IAAK,MAAMC,KAAQP,EAAO,CACxB,GAAIO,GAAQ,KAAM,CAChB,M,CAGF,IAAIC,EAA8B,GAClC,GAAIlB,KAAKmB,QAAU,KAAM,CACvBD,EAAoBlB,KAAKmB,OAAOC,QAAQ,MAAO,IAAIC,MAAM,I,CAG3D,GAAIH,EAAkBb,OAAS,GAAKa,EAAkBI,QAAQL,EAAKM,SAAW,EAAG,CAC/E,MAAMP,EAASN,EAAML,OAAS,EAAI,4CAA8C,8BAChF,OAAOL,KAAKc,QAAQC,KAAK,CAAEC,U,CAG7B,GAAIhB,KAAKwB,aAAe,MAAQP,EAAKQ,KAAOzB,KAAKwB,YAAa,CAC5D,MAAMR,EAASN,EAAML,OAAS,EAAI,gCAAkC,mBACpE,OAAOL,KAAKc,QAAQC,KAAK,CAAEC,U,EAI/B,MAAMU,EAA4C1B,KAAKa,SAAW,CAAEH,SAAU,CAAEO,KAAMP,EAAM,IAC5FV,KAAK2B,QAAQZ,KAAKW,EAAa,EA4BzB1B,KAAA4B,SAAW,K,MACjB,KAAIC,EAAA7B,KAAK8B,aAAS,MAAAD,SAAA,SAAAA,EAAEnB,QAAS,KAAM,CACjC,MAAMA,EAAQV,KAAK8B,UAAUpB,MAC7BV,KAAKS,YAAYC,GACjBV,KAAK8B,UAAUC,MAAQ,E,eAhJT,M,cACE,M,aAGgB,M,mCAMR,M,oCAMA,M,0CAMS,M,eAGE,G,aAGJ,K,CASnC,gBAAAC,GACE,IAAKhC,KAAKW,SAAU,CAClBX,KAAKiC,OAAS,I,EAKlB,eAAAC,GACE,IAAKlC,KAAKW,SAAU,CAClBX,KAAKiC,OAAS,I,EAKlB,gBAAAE,GACE,IAAKnC,KAAKW,SAAU,CAClBX,KAAKiC,OAAS,K,EAKlB,WAAAG,EAAYC,aAAEA,IACZ,IAAKrC,KAAKW,SAAU,CAClBX,KAAKiC,OAAS,MACd,GAAII,GAAgB,KAAM,CACxBrC,KAAKS,YAAY4B,EAAa3B,M,GAqDpC,iBAAA4B,GACEtC,KAAKC,kB,CAGP,gBAAAsC,G,MACE,CAAC,YAAa,WAAY,YAAa,QAAQC,SAASC,IACtDzC,KAAKQ,KAAKkC,iBAAiBD,EAAWzC,KAAK2C,gBAAiB,OAC5DC,SAASC,KAAKH,iBAAiBD,EAAWzC,KAAK2C,gBAAiB,MAAM,KAExEd,EAAA7B,KAAKQ,KAAKsC,cAAU,MAAAjB,SAAA,SAAAA,EAAEa,iBAAiB,aAAc1C,KAAKC,iB,CAG5D,oBAAA8C,G,MACE,CAAC,YAAa,WAAY,YAAa,QAAQP,SAASC,IACtDzC,KAAKQ,KAAKwC,oBAAoBP,EAAWzC,KAAK2C,gBAAiB,OAC/DC,SAASC,KAAKG,oBAAoBP,EAAWzC,KAAK2C,gBAAiB,MAAM,KAE3Ed,EAAA7B,KAAKQ,KAAKsC,cAAU,MAAAjB,SAAA,SAAAA,EAAEmB,oBAAoB,aAAchD,KAAKC,iB,CAGvD,eAAA0C,CAAgBM,GACtBA,EAAEC,iBACFD,EAAEE,iB,CAWI,WAAAC,G,MACN,OACEvB,EAAA7B,KAAKqD,SAAK,MAAAxB,SAAA,EAAAA,EACT7B,KAAKsD,QAAO,SAGXC,EAAA,wCAC2BA,EAAA,QAAMC,MAAM,uCAAqC,U,CAMlF,MAAAC,GACE,MAAMC,EAAY1D,KAAKsD,QAAU,aAAe,WAEhD,MAAMK,GAAiBC,MAAMC,QAAQ7D,KAAKG,WAAaH,KAAKG,UAAY,CAACH,KAAKG,YAAY2D,QACvFC,GAASA,GAAQ,MAAQA,EAAK3D,SAAW,KAG5C,OACEmD,EAAA,OAAAS,IAAA,2CACER,MAAO,CACL,kBAAmB,KACnB,4BAA6BxD,KAAKW,UAAYX,KAAKY,YAGrD2C,EAACG,EAAS,CAAAM,IAAA,2CACRrD,SAAUX,KAAKW,UAAYX,KAAKY,UAAS,eAC3BZ,KAAKiE,QAAU,OAAS,QACtCT,MAAO,CACL,sCAAuCxD,KAAKsD,QAC5C,oCAAqCtD,KAAKsD,UAG3CtD,KAAKsD,UAAYtD,KAAKY,WACrB2C,EAAA,QAAMW,KAAK,UACTX,EAAA,YAAUC,MAAM,+BAA6B,oBAGjDD,EAAA,OAAAS,IAAA,2CACER,MAAO,CACL,6BAA8B,KAC9B,oCAAqCxD,KAAKiC,OAC1C,sCAAuCjC,KAAKsD,UAG7CtD,KAAKY,UACJ2C,EAAA,QAAMC,MAAM,iDACVD,EAAA,oBAAe,iBAGjBA,EAAA,WACEA,EAAA,YAAOvD,KAAKoD,eACZG,EAAA,SACEC,MAAM,yBACNjC,KAAK,OACL4C,KAAK,SACLxD,SAAUX,KAAKW,SACfQ,OAAQnB,KAAKmB,OACbN,SAAUb,KAAKa,SACfe,SAAU5B,KAAK4B,SACfwC,IAAMC,GAAQrE,KAAK8B,UAAYuC,OAMzCd,EAAA,OAAAS,IAAA,yDAAkBhE,KAAKiE,QAAU,QAAU,QACzCV,EAAA,QAAAS,IAAA,2CAAMG,KAAK,cACRR,EAAcW,KAAKP,GAClBR,EAAA,iBACEA,EAAA,OAAKC,MAAM,+BAA+BO,Q"}

package/dist/ui-library/{p-2cd674e0.entry.js → p-03d1b956.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as i}from"./p-ca63a6fa.js";const r=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:inline-block;--size:2rem}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--size);height:var(--size);background-color:var(--six-avatar-background-color);font-family:var(--six-font-sans);font-size:calc(var(--size) * 0.5);font-weight:var(--six-font-weight-normal);color:var(--six-avatar-color);overflow:hidden;user-select:none;vertical-align:middle;cursor:pointer;outline:none}.avatar:hover{box-shadow:var(--six-shadow-medium)}.avatar--circle{border-radius:var(--six-border-radius-circle)}.avatar--rounded{border-radius:var(--six-border-radius-medium)}.avatar--square{border-radius:0}.avatar__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.avatar__initials{line-height:1;text-transform:uppercase}.avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}";const t=class{constructor(i){a(this,i);this.handleImageError=()=>{this.hasError=true};this.hasError=false;this.image="";this.alt="";this.initials="";this.shape="circle"}render(){return i("div",{part:"base",class:{avatar:true,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"},role:"image","aria-label":this.alt,tabIndex:0},this.initials===""&&i("div",{part:"icon",class:"avatar__icon"},i("slot",{name:"icon"},i("six-icon",null,"person"))),this.initials&&i("div",{part:"initials",class:"avatar__initials"},this.initials),this.image&&!this.hasError&&i("img",{part:"image",class:"avatar__image",src:this.image,onError:this.handleImageError}))}};t.style=r;export{t as six_avatar};
-//# sourceMappingURL=p-2cd674e0.entry.js.map
+import{r as a,h as i}from"./p-05eb1bab.js";const t=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:inline-block;--size:2rem}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--size);height:var(--size);background-color:var(--six-avatar-background-color);font-family:var(--six-font-sans);font-size:calc(var(--size) * 0.5);font-weight:var(--six-font-weight-normal);color:var(--six-avatar-color);overflow:hidden;user-select:none;vertical-align:middle;cursor:pointer;outline:none}.avatar:hover{box-shadow:var(--six-shadow-medium)}.avatar--circle{border-radius:var(--six-border-radius-circle)}.avatar--rounded{border-radius:var(--six-border-radius-medium)}.avatar--square{border-radius:0}.avatar__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.avatar__initials{line-height:1;text-transform:uppercase}.avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}";const r=t;const e=class{constructor(i){a(this,i);this.handleImageError=()=>{this.hasError=true};this.hasError=false;this.image="";this.alt="";this.initials="";this.shape="circle"}render(){return i("div",{key:"a34616731683542d8bbdc16778ab34093654d773",part:"base",class:{avatar:true,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"},role:"image","aria-label":this.alt,tabIndex:0},this.initials===""&&i("div",{part:"icon",class:"avatar__icon"},i("slot",{name:"icon"},i("six-icon",null,"person"))),this.initials&&i("div",{part:"initials",class:"avatar__initials"},this.initials),this.image&&!this.hasError&&i("img",{part:"image",class:"avatar__image",src:this.image,onError:this.handleImageError}))}};e.style=r;export{e as six_avatar};
+//# sourceMappingURL=p-03d1b956.entry.js.map

package/dist/ui-library/p-03d1b956.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixAvatarCss","SixAvatarStyle0","SixAvatar","this","handleImageError","hasError","render","h","key","part","class","avatar","shape","role","alt","tabIndex","initials","name","image","src","onError"],"sources":["src/components/six-avatar/six-avatar.scss?tag=six-avatar&encapsulation=shadow","src/components/six-avatar/six-avatar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --size: The size of the avatar.\n */\n:host {\n  display: inline-block;\n\n  --size: 2rem;\n}\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  width: var(--size);\n  height: var(--size);\n  background-color: var(--six-avatar-background-color);\n  font-family: var(--six-font-sans);\n  font-size: calc(var(--size) * 0.5);\n  font-weight: var(--six-font-weight-normal);\n  color: var(--six-avatar-color);\n  overflow: hidden;\n  user-select: none;\n  vertical-align: middle;\n  cursor: pointer;\n  outline: none;\n\n  &:hover {\n    box-shadow: var(--six-shadow-medium);\n  }\n}\n\n.avatar--circle {\n  border-radius: var(--six-border-radius-circle);\n}\n\n.avatar--rounded {\n  border-radius: var(--six-border-radius-medium);\n}\n\n.avatar--square {\n  border-radius: 0;\n}\n\n.avatar__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.avatar__initials {\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.avatar__image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n","import { Component, h, Prop, State } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot icon - The default icon to use when no image or initials are present.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n */\n@Component({\n  tag: 'six-avatar',\n  styleUrl: 'six-avatar.scss',\n  shadow: true,\n})\nexport class SixAvatar {\n  @State() hasError = false;\n\n  /** The image source to use for the avatar. */\n  @Prop() image = '';\n\n  /** Alternative text for the image. */\n  @Prop() alt = '';\n\n  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */\n  @Prop() initials = '';\n\n  /** The shape of the avatar. */\n  @Prop() shape: 'circle' | 'square' | 'rounded' = 'circle';\n\n  private handleImageError = () => {\n    this.hasError = true;\n  };\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          avatar: true,\n          'avatar--circle': this.shape === 'circle',\n          'avatar--rounded': this.shape === 'rounded',\n          'avatar--square': this.shape === 'square',\n        }}\n        role=\"image\"\n        aria-label={this.alt}\n        tabIndex={0}\n      >\n        {this.initials === '' && (\n          <div part=\"icon\" class=\"avatar__icon\">\n            <slot name=\"icon\">\n              <six-icon>person</six-icon>\n            </slot>\n          </div>\n        )}\n\n        {this.initials && (\n          <div part=\"initials\" class=\"avatar__initials\">\n            {this.initials}\n          </div>\n        )}\n\n        {this.image && !this.hasError && (\n          <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,2/BACrB,MAAAC,EAAeD,E,MCmBFE,EAAS,M,yBAeZC,KAAAC,iBAAmB,KACzBD,KAAKE,SAAW,IAAI,E,cAfF,M,WAGJ,G,SAGF,G,cAGK,G,WAG8B,Q,CAMjD,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,KAAK,OACLC,MAAO,CACLC,OAAQ,KACR,iBAAkBR,KAAKS,QAAU,SACjC,kBAAmBT,KAAKS,QAAU,UAClC,iBAAkBT,KAAKS,QAAU,UAEnCC,KAAK,QAAO,aACAV,KAAKW,IACjBC,SAAU,GAETZ,KAAKa,WAAa,IACjBT,EAAA,OAAKE,KAAK,OAAOC,MAAM,gBACrBH,EAAA,QAAMU,KAAK,QACTV,EAAA,4BAKLJ,KAAKa,UACJT,EAAA,OAAKE,KAAK,WAAWC,MAAM,oBACxBP,KAAKa,UAITb,KAAKe,QAAUf,KAAKE,UACnBE,EAAA,OAAKE,KAAK,QAAQC,MAAM,gBAAgBS,IAAKhB,KAAKe,MAAOE,QAASjB,KAAKC,mB"}

package/dist/ui-library/p-047d02ad.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-05eb1bab.js";const s=":host{display:block}a{text-decoration:none;display:block}.sidebar-item{padding:8px 8px 16px 16px;font-size:0.9rem;color:var(--six-sidebar-color);cursor:pointer;font-family:var(--six-font-family)}.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)}";const t=s;const r=class{constructor(i){e(this,i);this.value="";this.selected=false;this.disabled=false;this.href=undefined}render(){const e=this.href!=null?"a":"div";return i(e,{key:"669dd93655dc6e510003396e85ce239613abcf09",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"},i("slot",{key:"1726facf8ac8607c2cf383034a9bd5475e7cb0e5"}))}};r.style=t;export{r as six_sidebar_item};
+//# sourceMappingURL=p-047d02ad.entry.js.map

package/dist/ui-library/p-047d02ad.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixSidebarItemCss","SixSidebarItemStyle0","SixSidebarItem","render","Tag","this","href","h","key","class","selected","disabled","role"],"sources":["src/components/six-sidebar-item/six-sidebar-item.scss?tag=six-sidebar-item&encapsulation=shadow","src/components/six-sidebar-item/six-sidebar-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\na {\n  text-decoration: none;\n  display: block;\n}\n\n.sidebar-item {\n  padding: 8px 8px 16px 16px;\n  font-size: 0.9rem;\n  color: var(--six-sidebar-color);\n  cursor: pointer;\n  font-family: var(--six-font-family);\n\n  &:hover:not(.sidebar-item--disabled) {\n    color: var(--six-color-web-rock-600);\n  }\n\n  &.sidebar-item--disabled {\n    outline: none;\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n  }\n\n  &.sidebar-item--selected {\n    font-weight: var(--six-font-weight-bold);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested displayed text of the item.\n */\n\n@Component({\n  tag: 'six-sidebar-item',\n  styleUrl: 'six-sidebar-item.scss',\n  shadow: true,\n})\nexport class SixSidebarItem {\n  /** A unique value to store in the sidebar item. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Set to true to draw the item in a selected state. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Set to true to draw the sidebar item in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Provide if the item should be rendered as anchor tag.\n   * Note, that the href is added automatically when using routerLink in Angular.\n   */\n  @Prop({ reflect: true }) href: string | undefined;\n\n  render() {\n    const Tag = this.href != null ? 'a' : 'div';\n    return (\n      <Tag\n        class={{\n          'sidebar-item': true,\n          'sidebar-item--selected': this.selected,\n          'sidebar-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        href={this.href}\n        aria-selected={this.selected ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,mdAC1B,MAAAC,EAAeD,E,MCaFE,EAAc,M,oCAEQ,G,cAGG,M,cAGA,M,oBAQpC,MAAAC,GACE,MAAMC,EAAMC,KAAKC,MAAQ,KAAO,IAAM,MACtC,OACEC,EAACH,EAAG,CAAAI,IAAA,2CACFC,MAAO,CACL,eAAgB,KAChB,yBAA0BJ,KAAKK,SAC/B,yBAA0BL,KAAKM,UAEjCC,KAAK,WACLN,KAAMD,KAAKC,KAAI,gBACAD,KAAKK,SAAW,OAAS,QAAO,gBAChCL,KAAKM,SAAW,OAAS,SAExCJ,EAAA,QAAAC,IAAA,6C"}

package/dist/ui-library/p-05eb1bab.js

@@ -0,0 +1,3 @@
+const e="ui-library";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};let n;let s;let l;let o=false;let i=false;let c=false;let f=false;let r=false;const u=(e,t="")=>{{return()=>{}}};const a=(e,t)=>{{return()=>{}}};const d="{visibility:hidden}.hydrated{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const v={};const m="http://www.w3.org/2000/svg";const h="http://www.w3.org/1999/xhtml";const y=e=>e!=null;const b=e=>{e=typeof e;return e==="object"||e==="function"};function g(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const $=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!b(s)){s=String(s)}if(i&&c){f[f.length-1].t+=s}else{f.push(i?w(null,s):s)}c=i}}};r(n);if(t){if(t.key){l=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,C)}const u=w(e,null);u.l=t;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const w=(e,t)=>{const n={p:0,v:e,t,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const S={};const k=e=>e&&e.v===S;const C={forEach:(e,t)=>e.map(j).forEach(t),map:(e,t)=>e.map(j).map(t).map(O)};const j=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.v,vtext:e.t});const O=e=>{if(typeof e.vtag==="function"){const t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return $(e.vtag,t,...e.vchildren||[])}const t=w(e.vtag,e.vtext);t.l=e.vattrs;t.o=e.vchildren;t.i=e.vkey;t.u=e.vname;return t};const x=(e,t)=>{if(e!=null&&!b(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const T=e=>Re(e).$hostElement$;const L=(e,t,n)=>{const s=T(e);return{emit:e=>R(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const R=(e,t,n)=>{const s=ze.ce(t,n);e.dispatchEvent(s);return s};const D=new WeakMap;const F=(e,t,n)=>{let s=Ue.get(e);if(Qe&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}Ue.set(e,s)};const M=(e,t,n)=>{var s;const l=N(t);const o=Ue.get(l);e=e.nodeType===11?e:We;if(o){if(typeof o==="string"){e=e.head||e;let n=D.get(e);let i;if(!n){D.set(e,n=new Set)}if(!n.has(l)){{i=We.createElement("style");i.innerHTML=o;const t=(s=ze.h)!==null&&s!==void 0?s:g(We);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.p&4){i.innerHTML+=p}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const A=e=>{const t=e.$;const n=e.$hostElement$;const s=t.p;const l=u("attachStyles",t.S);const o=M(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const N=(e,t)=>"sc-"+e.S;const P=(e,t,n,s,l,o)=>{if(n!==s){let i=Me(e,t);let c=t.toLowerCase();if(t==="class"){const t=e.classList;const l=E(n);const o=E(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Me(Ee,c)){t=c.slice(2)}else{t=c[2]+t.slice(3)}if(n||s){const l=t.endsWith(W);t=t.replace(z,"");if(n){ze.rel(e,t,n,l)}if(s){ze.ael(e,t,s,l)}}}else{const c=b(s);if((i||c&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;{e.setAttribute(t,s)}}}}};const U=/\s/;const E=e=>!e?[]:e.split(U);const W="Capture";const z=new RegExp(W+"$");const B=(e,t,n,s)=>{const l=t.m.nodeType===11&&t.m.host?t.m.host:t.m;const o=e&&e.l||v;const i=t.l||v;{for(s in o){if(!(s in i)){P(l,s,o[s],undefined,n,t.p)}}}for(s in i){P(l,s,o[s],i[s],n,t.p)}};const H=(e,t,i,r)=>{const u=t.o[i];let a=0;let d;let p;let v;if(!o){c=true;if(u.v==="slot"){if(n){r.classList.add(n+"-s")}u.p|=u.o?2:1}}if(u.t!==null){d=u.m=We.createTextNode(u.t)}else if(u.p&1){d=u.m=We.createTextNode("")}else{if(!f){f=u.v==="svg"}d=u.m=We.createElementNS(f?m:h,u.p&2?"slot-fb":u.v);if(f&&u.v==="foreignObject"){f=false}{B(null,u,f)}if(y(n)&&d["s-si"]!==n){d.classList.add(d["s-si"]=n)}if(u.o){for(a=0;a<u.o.length;++a){p=H(e,u,a,d);if(p){d.appendChild(p)}}}{if(u.v==="svg"){f=false}else if(d.tagName==="foreignObject"){f=true}}}d["s-hn"]=l;{if(u.p&(2|1)){d["s-sr"]=true;d["s-cr"]=s;d["s-sn"]=u.u||"";v=e&&e.o&&e.o[i];if(v&&v.v===u.v&&e.m){{Q(e.m,false)}}}}return d};const Q=(e,t)=>{ze.p|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];if(s["s-hn"]!==l&&s["s-ol"]){_(s).insertBefore(s,X(s));s["s-ol"].remove();s["s-ol"]=undefined;s["s-sh"]=undefined;c=true}if(t){Q(s,t)}}ze.p&=~1};const q=(e,t,n,s,o,i)=>{let c=e["s-cr"]&&e["s-cr"].parentNode||e;let f;if(c.shadowRoot&&c.tagName===l){c=c.shadowRoot}for(;o<=i;++o){if(s[o]){f=H(null,n,o,e);if(f){s[o].m=f;c.insertBefore(f,X(t))}}}};const I=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.m;te(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{Q(e,true)}}e.remove()}}}};const K=(e,t,n,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=t.length-1;let u=t[0];let a=t[r];let d=s.length-1;let p=s[0];let v=s[d];let m;let h;while(o<=r&&i<=d){if(u==null){u=t[++o]}else if(a==null){a=t[--r]}else if(p==null){p=s[++i]}else if(v==null){v=s[--d]}else if(V(u,p,l)){G(u,p,l);u=t[++o];p=s[++i]}else if(V(a,v,l)){G(a,v,l);a=t[--r];v=s[--d]}else if(V(u,v,l)){if(u.v==="slot"||v.v==="slot"){Q(u.m.parentNode,false)}G(u,v,l);e.insertBefore(u.m,a.m.nextSibling);u=t[++o];v=s[--d]}else if(V(a,p,l)){if(u.v==="slot"||v.v==="slot"){Q(a.m.parentNode,false)}G(a,p,l);e.insertBefore(a.m,u.m);a=t[--r];p=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(t[f]&&t[f].i!==null&&t[f].i===p.i){c=f;break}}}if(c>=0){h=t[c];if(h.v!==p.v){m=H(t&&t[i],n,c,e)}else{G(h,p,l);t[c]=undefined;m=h.m}p=s[++i]}else{m=H(t&&t[i],n,i,e);p=s[++i]}if(m){{_(u.m).insertBefore(m,X(u.m))}}}}if(o>r){q(e,s[d+1]==null?null:s[d+1].m,n,s,i,d)}else if(i>d){I(t,o,r)}};const V=(e,t,n=false)=>{if(e.v===t.v){if(e.v==="slot"){return e.u===t.u}if(!n){return e.i===t.i}return true}return false};const X=e=>e&&e["s-ol"]||e;const _=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const G=(e,t,n=false)=>{const s=t.m=e.m;const l=e.o;const i=t.o;const c=t.v;const r=t.t;let u;if(r===null){{f=c==="svg"?true:c==="foreignObject"?false:f}{if(c==="slot"&&!o);else{B(e,t,f)}}if(l!==null&&i!==null){K(s,l,t,i,n)}else if(i!==null){if(e.t!==null){s.textContent=""}q(s,null,t,i,0,i.length-1)}else if(l!==null){I(l,0,l.length-1)}if(f&&c==="svg"){f=false}}else if(u=s["s-cr"]){u.parentNode.textContent=r}else if(e.t!==r){s.data=r}};const J=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}J(e)}}};const Y=[];const Z=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if(ee(n,e)){let t=Y.find((e=>e.k===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.k["s-sh"]=o["s-hn"];t.C=o}else{n["s-sh"]=o["s-hn"];Y.push({C:o,k:n})}if(n["s-sr"]){Y.map((e=>{if(ee(e.k,n["s-sn"])){t=Y.find((e=>e.k===n));if(t&&!e.C){e.C=t.C}}}))}}else if(!Y.some((e=>e.k===n))){Y.push({k:n})}}}}if(o.nodeType===1){Z(o)}}};const ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};const te=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.o&&e.o.map(te)}};const ne=(e,t,f=false)=>{var r,u,a,d;const p=e.$hostElement$;const v=e.$;const m=e.j||w(null,null);const h=k(t)?t:$(null,null,t);l=p.tagName;if(v.O){h.l=h.l||{};v.O.map((([e,t])=>h.l[t]=p[e]))}if(f&&h.l){for(const e of Object.keys(h.l)){if(p.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){h.l[e]=p[e]}}}h.v=null;h.p|=4;e.j=h;h.m=m.m=p.shadowRoot||p;{n=p["s-sc"]}o=(v.p&1)!==0;{s=p["s-cr"];i=false}G(m,h,f);{ze.p|=1;if(c){Z(h.m);for(const e of Y){const t=e.k;if(!t["s-ol"]){const e=We.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of Y){const t=e.k;const n=e.C;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(u=n["s-nr"])!==null&&u!==void 0?u:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s);if(t.nodeType===1){t.hidden=(a=t["s-ih"])!==null&&a!==void 0?a:false}}}}else{if(t.nodeType===1){if(f){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){J(h.m)}ze.p&=~1;Y.length=0}s=undefined};const se=(e,t)=>{if(t&&!e.T&&t["s-p"]){t["s-p"].push(new Promise((t=>e.T=t)))}};const le=(e,t)=>{{e.p|=16}if(e.p&4){e.p|=512;return}se(e,e.L);const n=()=>oe(e,t);return Ge(n)};const oe=(e,t)=>{const n=u("scheduleUpdate",e.$.S);const s=e.R;let l;if(t){{e.p|=256;if(e.D){e.D.map((([e,t])=>de(s,e,t)));e.D=undefined}}{l=de(s,"componentWillLoad")}}n();return ie(l,(()=>fe(e,s,t)))};const ie=(e,t)=>ce(e)?e.then(t):t();const ce=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const fe=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=u("update",e.$.S);const i=l["s-rc"];if(n){A(e)}const c=u("render",e.$.S);{re(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}c();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ue(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.p|=4;t.length=0}}};const re=(e,t,n,s)=>{try{t=t.render();{e.p&=~16}{e.p|=2}{{{ne(e,t,s)}}}}catch(t){Ae(t,e.$hostElement$)}return null};const ue=e=>{const t=e.$.S;const n=e.$hostElement$;const s=u("postUpdate",t);const l=e.R;const o=e.L;{de(l,"componentDidRender")}if(!(e.p&64)){e.p|=64;{pe(n)}{de(l,"componentDidLoad")}s();{e.F(n);if(!o){ae()}}}else{{de(l,"componentDidUpdate")}s()}{e.M(n)}{if(e.T){e.T();e.T=undefined}if(e.p&512){_e((()=>le(e,false)))}e.p&=~(4|512)}};const ae=t=>{{pe(We.documentElement)}_e((()=>R(Ee,"appload",{detail:{namespace:e}})))};const de=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Ae(e)}}return undefined};const pe=e=>e.classList.add("hydrated");const ve=(e,t)=>Re(e).A.get(t);const me=(e,t,n,s)=>{const l=Re(e);const o=l.$hostElement$;const i=l.A.get(t);const c=l.p;const f=l.R;n=x(n,s.N[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.A.set(t,n);if(f){if(s.P&&c&128){const e=s.P[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){Ae(e,o)}}))}}if((c&(2|16))===2){le(l,false)}}}};const he=(e,t,n)=>{var s;const l=e.prototype;if(t.N){if(e.watchers){t.P=e.watchers}const o=Object.entries(t.N);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return ve(this,e)},set(n){me(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,e,{value(...t){var n;const s=Re(this);return(n=s===null||s===void 0?void 0:s.U)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.R)===null||n===void 0?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){ze.jmp((()=>{var i;const c=n.get(e);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const n=Re(this);const l=n===null||n===void 0?void 0:n.p;if(l&&!(l&8)&&l&128&&o!==s){const l=n.R;const c=(i=t.P)===null||i===void 0?void 0:i[e];c===null||c===void 0?void 0:c.forEach((t=>{if(l[t]!=null){l[t].call(l,o,s,e)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.P)!==null&&s!==void 0?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var l;const o=s[1]||e;n.set(o,e);if(s[0]&512){(l=t.O)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const ye=async(e,t,n,s)=>{let l;if((t.p&32)===0){t.p|=32;const s=n.W;if(s){l=Pe(n);if(l.then){const e=a();l=await l;e()}if(!l.isProxied){{n.P=l.watchers}he(l,n,2);l.isProxied=true}const e=u("createInstance",n.S);{t.p|=8}try{new l(t)}catch(e){Ae(e)}{t.p&=~8}{t.p|=128}e();be(t.R)}else{l=e.constructor;customElements.whenDefined(n.S).then((()=>t.p|=128))}if(l.style){let e=l.style;const t=N(n);if(!Ue.has(t)){const s=u("registerStyles",n.S);F(t,e,!!(n.p&1));s()}}}const o=t.L;const i=()=>le(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const be=e=>{{de(e,"connectedCallback")}};const ge=e=>{if((ze.p&1)===0){const t=Re(e);const n=t.$;const s=u("connectedCallback",n.S);if(!(t.p&1)){t.p|=1;{if(n.p&(4|8)){$e(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){se(t,t.L=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{ye(e,t,n)}}else{Ce(e,t,n.B);if(t===null||t===void 0?void 0:t.R){be(t.R)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>be(t.R)))}}s()}};const $e=e=>{const t=e["s-cr"]=We.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const we=e=>{{de(e,"disconnectedCallback")}};const Se=async e=>{if((ze.p&1)===0){const t=Re(e);{if(t.q){t.q.map((e=>e()));t.q=undefined}}if(t===null||t===void 0?void 0:t.R){we(t.R)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>we(t.R)))}}};const ke=(e,t={})=>{var n;const s=u();const l=[];const o=t.exclude||[];const i=Ee.customElements;const c=We.head;const f=c.querySelector("meta[charset]");const r=We.createElement("style");const a=[];let v;let m=true;Object.assign(ze,t);ze.I=new URL(t.resourcesUrl||"./",We.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const s={p:t[0],S:t[1],N:t[2],B:t[3]};if(s.p&4){h=true}{s.N=t[2]}{s.B=t[3]}{s.O=[]}{s.P=(n=t[4])!==null&&n!==void 0?n:{}}const c=s.S;const f=class extends HTMLElement{constructor(e){super(e);e=this;Fe(e,s);if(s.p&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(m){a.push(this)}else{ze.jmp((()=>ge(this)))}}disconnectedCallback(){ze.jmp((()=>Se(this)))}componentOnReady(){return Re(this).H}};s.W=e[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,he(f,s,1))}}))}));if(l.length>0){if(h){r.textContent+=p}{r.textContent+=l+d}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=ze.h)!==null&&n!==void 0?n:g(We);if(e!=null){r.setAttribute("nonce",e)}c.insertBefore(r,f?f.nextSibling:c.firstChild)}}m=false;if(a.length){a.map((e=>e.connectedCallback()))}else{{ze.jmp((()=>v=setTimeout(ae,30)))}}s()};const Ce=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Oe(e,n);const i=je(t,l);const c=xe(n);ze.ael(o,s,i,c);(t.q=t.q||[]).push((()=>ze.rel(o,s,i,c)))}))}};const je=(e,t)=>n=>{try{{if(e.p&256){e.R[t](n)}else{(e.D=e.D||[]).push([t,n])}}}catch(e){Ae(e)}};const Oe=(e,t)=>{if(t&8)return Ee;return e};const xe=e=>Be?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;const Te=e=>ze.h=e;const Le=new WeakMap;const Re=e=>Le.get(e);const De=(e,t)=>Le.set(t.R=e,t);const Fe=(e,t)=>{const n={p:0,$hostElement$:e,$:t,A:new Map};{n.U=new Promise((e=>n.M=e))}{n.H=new Promise((e=>n.F=e));e["s-p"]=[];e["s-rc"]=[]}Ce(e,n,t.B);return Le.set(e,n)};const Me=(e,t)=>t in e;const Ae=(e,t)=>(0,console.error)(e,t);const Ne=new Map;const Pe=(e,t,n)=>{const s=e.S.replace(/-/g,"_");const l=e.W;const o=Ne.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Ne.set(l,e)}return e[s]}),Ae)};const Ue=new Map;const Ee=typeof window!=="undefined"?window:{};const We=Ee.document||{head:{}};const ze={p:0,I:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const Be=(()=>{let e=false;try{We.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();const He=e=>Promise.resolve(e);const Qe=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const qe=[];const Ie=[];const Ke=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&ze.p&4){_e(Xe)}else{ze.raf(Xe)}}};const Ve=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Ae(e)}}e.length=0};const Xe=()=>{Ve(qe);{Ve(Ie);if(r=qe.length>0){ze.raf(Xe)}}};const _e=e=>He().then(e);const Ge=Ke(Ie,true);export{S as H,ke as b,L as c,T as g,$ as h,He as p,De as r,Te as s};
+//# sourceMappingURL=p-05eb1bab.js.map