@xplor-education/core-stencil-components 3.1.2 → 3.1.3

package/dist/types/components.d.ts

@@ -9,21 +9,25 @@ import { AssistantErrorEvent, AssistantMessageReceivedEvent, AssistantMessageSen
 import { AutocompleteItem } from "./components/xplor-autocomplete/xplor-autocomplete";
 import { Booking, BookingItem } from "./components/xplor-badge-session-booking/xplor-badge-session-booking";
 import { MenuOption } from "./components/xplor-btn-menu/xplor-btn-menu";
+import { Shape } from "./components/xplor-canvas-editor/xplor-canvas-editor";
 import { ComboboxItem } from "./components/xplor-combobox/xplor-combobox";
 import { DatatableColumn, DatatablePagination } from "./components/xplor-datatable/xplor-datatable";
 import { UploadedFile } from "./components/xplor-file-upload/xplor-file-upload";
 import { SelectOption } from "./components/xplor-input-select/xplor-input-select";
 import { NavTabItem } from "./components/xplor-nav-tabs/xplor-nav-tabs";
+import { RteChangePayload } from "./components/xplor-rich-text-editor/xplor-rich-text-editor";
 import { TooltipPosition, TooltipTrigger } from "./components/xplor-tooltip/xplor-tooltip";
 export { AssistantErrorEvent, AssistantMessageReceivedEvent, AssistantMessageSentEvent, AssistantSessionEvent } from "./components/xplor-assistant/internal/types";
 export { AutocompleteItem } from "./components/xplor-autocomplete/xplor-autocomplete";
 export { Booking, BookingItem } from "./components/xplor-badge-session-booking/xplor-badge-session-booking";
 export { MenuOption } from "./components/xplor-btn-menu/xplor-btn-menu";
+export { Shape } from "./components/xplor-canvas-editor/xplor-canvas-editor";
 export { ComboboxItem } from "./components/xplor-combobox/xplor-combobox";
 export { DatatableColumn, DatatablePagination } from "./components/xplor-datatable/xplor-datatable";
 export { UploadedFile } from "./components/xplor-file-upload/xplor-file-upload";
 export { SelectOption } from "./components/xplor-input-select/xplor-input-select";
 export { NavTabItem } from "./components/xplor-nav-tabs/xplor-nav-tabs";
+export { RteChangePayload } from "./components/xplor-rich-text-editor/xplor-rich-text-editor";
 export { TooltipPosition, TooltipTrigger } from "./components/xplor-tooltip/xplor-tooltip";
 export namespace Components {
     interface XplorAlertDialog {
@@ -480,6 +484,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Whether the button stretches to full width of its container
+          * @default false
+         */
+        "fullWidth": boolean;
         /**
           * Icon to display (defaults to plus sign)
           * @default '+'
@@ -502,6 +511,31 @@ export namespace Components {
          */
         "type": 'minimal' | 'primary' | 'secondary' | 'ghost' | 'disabled' | 'success' | 'text';
     }
+    interface XplorCanvasEditor {
+        /**
+          * Removes all shapes and clears the selection
+         */
+        "clearAll": () => Promise<void>;
+        /**
+          * Returns a shallow copy of all current shapes
+         */
+        "getShapes": () => Promise<Shape[]>;
+        /**
+          * Height of the SVG canvas in pixels
+          * @default 500
+         */
+        "height": number;
+        /**
+          * Initially active tool. The consumer can switch tool programmatically by updating this prop; the internal `activeTool` state takes over once the component mounts.
+          * @default 'select'
+         */
+        "tool": 'select' | 'rect' | 'circle' | 'line';
+        /**
+          * Width of the SVG canvas in pixels
+          * @default 800
+         */
+        "width": number;
+    }
     interface XplorChatWidget {
         "apiKey": string;
         /**
@@ -1435,6 +1469,93 @@ export namespace Components {
          */
         "value": string;
     }
+    interface XplorRichTextEditor {
+        /**
+          * Accessible label for the editor region. Used when no `label` prop or `ariaLabelledBy` is provided.
+          * @default ''
+         */
+        "ariaLabel": string;
+        /**
+          * ID of an external element that labels this editor (aria-labelledby).
+          * @default ''
+         */
+        "ariaLabelledBy": string;
+        /**
+          * Clears all content from the editor.
+         */
+        "clearContent": () => Promise<void>;
+        /**
+          * Whether the editor is disabled. Content cannot be edited or interacted with.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Validation error message. Turns the editor border red and shows the message below.
+          * @default ''
+         */
+        "error": string;
+        /**
+          * Programmatically focuses the editor.
+         */
+        "focusEditor": () => Promise<void>;
+        /**
+          * Returns the current content as an HTML string.
+         */
+        "getHTML": () => Promise<string>;
+        /**
+          * Returns the current content as plain text (all markup stripped).
+         */
+        "getText": () => Promise<string>;
+        /**
+          * Helper text shown below the editor when there is no error.
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * Visible label above the editor.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Stringified Slate 0.42.x document JSON for backwards compatibility. When supplied, this takes precedence over `value` as the initial content.
+          * @default ''
+         */
+        "legacySlateDocument": string;
+        /**
+          * Maximum character count. When set, a character counter is shown below the editor.
+          * @default undefined
+         */
+        "maxLength": number | undefined;
+        /**
+          * Placeholder text shown when the editor is empty.
+          * @default 'Start typing…'
+         */
+        "placeholder": string;
+        /**
+          * Whether the editor is in read-only mode. Content is visible but not editable. The toolbar is hidden in this mode.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Marks the field as required. Adds an asterisk to the label.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Replaces the editor content with the provided HTML string.
+         */
+        "setContent": (html: string) => Promise<void>;
+        /**
+          * Controls which toolbar buttons are rendered. - `full`    — All formatting options (default) - `minimal` — Text style buttons only (bold, italic, underline, strike, code) - `none`    — No toolbar; editor acts as a plain rich-text input
+          * @default 'full'
+         */
+        "toolbar": 'full' | 'minimal' | 'none';
+        /**
+          * HTML string content of the editor. Supports two-way binding via xplorChange.
+          * @default ''
+         */
+        "value": string;
+    }
     interface XplorSectionCard {
         /**
           * @default true
@@ -1709,6 +1830,10 @@ export interface XplorBtnToggleSecondaryCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXplorBtnToggleSecondaryElement;
 }
+export interface XplorCanvasEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorCanvasEditorElement;
+}
 export interface XplorCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXplorCheckboxElement;
@@ -1797,6 +1922,10 @@ export interface XplorRadioBtnCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXplorRadioBtnElement;
 }
+export interface XplorRichTextEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplorRichTextEditorElement;
+}
 export interface XplorTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXplorTableElement;
@@ -2077,6 +2206,25 @@ declare global {
         prototype: HTMLXplorButtonElement;
         new (): HTMLXplorButtonElement;
     };
+    interface HTMLXplorCanvasEditorElementEventMap {
+        "xplorShapeAdd": Shape;
+        "xplorShapeRemove": string;
+        "xplorShapeChange": Shape;
+    }
+    interface HTMLXplorCanvasEditorElement extends Components.XplorCanvasEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXplorCanvasEditorElementEventMap>(type: K, listener: (this: HTMLXplorCanvasEditorElement, ev: XplorCanvasEditorCustomEvent<HTMLXplorCanvasEditorElementEventMap[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 HTMLXplorCanvasEditorElementEventMap>(type: K, listener: (this: HTMLXplorCanvasEditorElement, ev: XplorCanvasEditorCustomEvent<HTMLXplorCanvasEditorElementEventMap[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 HTMLXplorCanvasEditorElement: {
+        prototype: HTMLXplorCanvasEditorElement;
+        new (): HTMLXplorCanvasEditorElement;
+    };
     interface HTMLXplorChatWidgetElement extends Components.XplorChatWidget, HTMLStencilElement {
     }
     var HTMLXplorChatWidgetElement: {
@@ -2500,6 +2648,29 @@ declare global {
         prototype: HTMLXplorRadioBtnElement;
         new (): HTMLXplorRadioBtnElement;
     };
+    interface HTMLXplorRichTextEditorElementEventMap {
+        "xplorChange": RteChangePayload;
+        "xplorFocus": void;
+        "xplorBlur": void;
+    }
+    interface HTMLXplorRichTextEditorElement extends Omit<Components.XplorRichTextEditor, "getHTML">, HTMLStencilElement {
+        /**
+          * Returns the current content as an HTML string.
+         */
+        "getHTML": () => Promise<string>;
+        addEventListener<K extends keyof HTMLXplorRichTextEditorElementEventMap>(type: K, listener: (this: HTMLXplorRichTextEditorElement, ev: XplorRichTextEditorCustomEvent<HTMLXplorRichTextEditorElementEventMap[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 HTMLXplorRichTextEditorElementEventMap>(type: K, listener: (this: HTMLXplorRichTextEditorElement, ev: XplorRichTextEditorCustomEvent<HTMLXplorRichTextEditorElementEventMap[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 HTMLXplorRichTextEditorElement: {
+        prototype: HTMLXplorRichTextEditorElement;
+        new (): HTMLXplorRichTextEditorElement;
+    };
     interface HTMLXplorSectionCardElement extends Components.XplorSectionCard, HTMLStencilElement {
     }
     var HTMLXplorSectionCardElement: {
@@ -2607,6 +2778,7 @@ declare global {
         "xplor-btn-toggle-secondary": HTMLXplorBtnToggleSecondaryElement;
         "xplor-btn-tooltip": HTMLXplorBtnTooltipElement;
         "xplor-button": HTMLXplorButtonElement;
+        "xplor-canvas-editor": HTMLXplorCanvasEditorElement;
         "xplor-chat-widget": HTMLXplorChatWidgetElement;
         "xplor-checkbox": HTMLXplorCheckboxElement;
         "xplor-combobox": HTMLXplorComboboxElement;
@@ -2633,6 +2805,7 @@ declare global {
         "xplor-modal-persistent": HTMLXplorModalPersistentElement;
         "xplor-nav-tabs": HTMLXplorNavTabsElement;
         "xplor-radio-btn": HTMLXplorRadioBtnElement;
+        "xplor-rich-text-editor": HTMLXplorRichTextEditorElement;
         "xplor-section-card": HTMLXplorSectionCardElement;
         "xplor-section-heading": HTMLXplorSectionHeadingElement;
         "xplor-table": HTMLXplorTableElement;
@@ -3134,6 +3307,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Whether the button stretches to full width of its container
+          * @default false
+         */
+        "fullWidth"?: boolean;
         /**
           * Icon to display (defaults to plus sign)
           * @default '+'
@@ -3156,6 +3334,35 @@ declare namespace LocalJSX {
          */
         "type"?: 'minimal' | 'primary' | 'secondary' | 'ghost' | 'disabled' | 'success' | 'text';
     }
+    interface XplorCanvasEditor {
+        /**
+          * Height of the SVG canvas in pixels
+          * @default 500
+         */
+        "height"?: number;
+        /**
+          * Emitted when a new shape is committed to the canvas
+         */
+        "onXplorShapeAdd"?: (event: XplorCanvasEditorCustomEvent<Shape>) => void;
+        /**
+          * Emitted when a shape's bounds are updated via resize
+         */
+        "onXplorShapeChange"?: (event: XplorCanvasEditorCustomEvent<Shape>) => void;
+        /**
+          * Emitted when a shape is removed; payload is the shape id
+         */
+        "onXplorShapeRemove"?: (event: XplorCanvasEditorCustomEvent<string>) => void;
+        /**
+          * Initially active tool. The consumer can switch tool programmatically by updating this prop; the internal `activeTool` state takes over once the component mounts.
+          * @default 'select'
+         */
+        "tool"?: 'select' | 'rect' | 'circle' | 'line';
+        /**
+          * Width of the SVG canvas in pixels
+          * @default 800
+         */
+        "width"?: number;
+    }
     interface XplorChatWidget {
         "apiKey"?: string;
         /**
@@ -4206,6 +4413,85 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface XplorRichTextEditor {
+        /**
+          * Accessible label for the editor region. Used when no `label` prop or `ariaLabelledBy` is provided.
+          * @default ''
+         */
+        "ariaLabel"?: string;
+        /**
+          * ID of an external element that labels this editor (aria-labelledby).
+          * @default ''
+         */
+        "ariaLabelledBy"?: string;
+        /**
+          * Whether the editor is disabled. Content cannot be edited or interacted with.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Validation error message. Turns the editor border red and shows the message below.
+          * @default ''
+         */
+        "error"?: string;
+        /**
+          * Helper text shown below the editor when there is no error.
+          * @default ''
+         */
+        "helperText"?: string;
+        /**
+          * Visible label above the editor.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Stringified Slate 0.42.x document JSON for backwards compatibility. When supplied, this takes precedence over `value` as the initial content.
+          * @default ''
+         */
+        "legacySlateDocument"?: string;
+        /**
+          * Maximum character count. When set, a character counter is shown below the editor.
+          * @default undefined
+         */
+        "maxLength"?: number | undefined;
+        /**
+          * Emitted when the editor loses focus.
+         */
+        "onXplorBlur"?: (event: XplorRichTextEditorCustomEvent<void>) => void;
+        /**
+          * Emitted whenever the content changes. Payload: `{ html: string; text: string; isEmpty: boolean }`
+         */
+        "onXplorChange"?: (event: XplorRichTextEditorCustomEvent<RteChangePayload>) => void;
+        /**
+          * Emitted when the editor gains focus.
+         */
+        "onXplorFocus"?: (event: XplorRichTextEditorCustomEvent<void>) => void;
+        /**
+          * Placeholder text shown when the editor is empty.
+          * @default 'Start typing…'
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the editor is in read-only mode. Content is visible but not editable. The toolbar is hidden in this mode.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Marks the field as required. Adds an asterisk to the label.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Controls which toolbar buttons are rendered. - `full`    — All formatting options (default) - `minimal` — Text style buttons only (bold, italic, underline, strike, code) - `none`    — No toolbar; editor acts as a plain rich-text input
+          * @default 'full'
+         */
+        "toolbar"?: 'full' | 'minimal' | 'none';
+        /**
+          * HTML string content of the editor. Supports two-way binding via xplorChange.
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface XplorSectionCard {
         /**
           * @default true
@@ -4486,6 +4772,7 @@ declare namespace LocalJSX {
         "xplor-btn-toggle-secondary": XplorBtnToggleSecondary;
         "xplor-btn-tooltip": XplorBtnTooltip;
         "xplor-button": XplorButton;
+        "xplor-canvas-editor": XplorCanvasEditor;
         "xplor-chat-widget": XplorChatWidget;
         "xplor-checkbox": XplorCheckbox;
         "xplor-combobox": XplorCombobox;
@@ -4512,6 +4799,7 @@ declare namespace LocalJSX {
         "xplor-modal-persistent": XplorModalPersistent;
         "xplor-nav-tabs": XplorNavTabs;
         "xplor-radio-btn": XplorRadioBtn;
+        "xplor-rich-text-editor": XplorRichTextEditor;
         "xplor-section-card": XplorSectionCard;
         "xplor-section-heading": XplorSectionHeading;
         "xplor-table": XplorTable;
@@ -4550,6 +4838,7 @@ declare module "@stencil/core" {
             "xplor-btn-toggle-secondary": LocalJSX.XplorBtnToggleSecondary & JSXBase.HTMLAttributes<HTMLXplorBtnToggleSecondaryElement>;
             "xplor-btn-tooltip": LocalJSX.XplorBtnTooltip & JSXBase.HTMLAttributes<HTMLXplorBtnTooltipElement>;
             "xplor-button": LocalJSX.XplorButton & JSXBase.HTMLAttributes<HTMLXplorButtonElement>;
+            "xplor-canvas-editor": LocalJSX.XplorCanvasEditor & JSXBase.HTMLAttributes<HTMLXplorCanvasEditorElement>;
             "xplor-chat-widget": LocalJSX.XplorChatWidget & JSXBase.HTMLAttributes<HTMLXplorChatWidgetElement>;
             "xplor-checkbox": LocalJSX.XplorCheckbox & JSXBase.HTMLAttributes<HTMLXplorCheckboxElement>;
             "xplor-combobox": LocalJSX.XplorCombobox & JSXBase.HTMLAttributes<HTMLXplorComboboxElement>;
@@ -4576,6 +4865,7 @@ declare module "@stencil/core" {
             "xplor-modal-persistent": LocalJSX.XplorModalPersistent & JSXBase.HTMLAttributes<HTMLXplorModalPersistentElement>;
             "xplor-nav-tabs": LocalJSX.XplorNavTabs & JSXBase.HTMLAttributes<HTMLXplorNavTabsElement>;
             "xplor-radio-btn": LocalJSX.XplorRadioBtn & JSXBase.HTMLAttributes<HTMLXplorRadioBtnElement>;
+            "xplor-rich-text-editor": LocalJSX.XplorRichTextEditor & JSXBase.HTMLAttributes<HTMLXplorRichTextEditorElement>;
             "xplor-section-card": LocalJSX.XplorSectionCard & JSXBase.HTMLAttributes<HTMLXplorSectionCardElement>;
             "xplor-section-heading": LocalJSX.XplorSectionHeading & JSXBase.HTMLAttributes<HTMLXplorSectionHeadingElement>;
             "xplor-table": LocalJSX.XplorTable & JSXBase.HTMLAttributes<HTMLXplorTableElement>;

package/dist/types/utils/slate-legacy-converter.d.ts

@@ -0,0 +1,83 @@
+/**
+ * slate-legacy-converter.ts
+ *
+ * Converts old Slate 0.42.x document JSON format into an HTML string.
+ * This is the backwards-compatibility layer for the xplor-rich-text-editor component.
+ *
+ * Old Slate 0.42.x document shape:
+ * {
+ *   document: {
+ *     nodes: [
+ *       {
+ *         object: 'block',
+ *         type: 'paragraph',
+ *         nodes: [
+ *           {
+ *             object: 'text',
+ *             text: 'Hello world',
+ *             marks: [{ type: 'bold' }]
+ *           }
+ *         ]
+ *       }
+ *     ]
+ *   }
+ * }
+ *
+ * No Slate runtime dependency required — this is a pure transformation function.
+ */
+export interface LegacySlateMark {
+    type: string;
+    data?: Record<string, unknown>;
+}
+export interface LegacySlateTextNode {
+    object: 'text';
+    text: string;
+    marks?: LegacySlateMark[];
+    leaves?: LegacySlateLeaf[];
+}
+/** Older Slate versions used "leaves" inside text nodes */
+export interface LegacySlateLeaf {
+    object?: 'leaf';
+    text: string;
+    marks?: LegacySlateMark[];
+}
+export interface LegacySlateInlineNode {
+    object: 'inline';
+    type: string;
+    data?: Record<string, unknown>;
+    nodes?: LegacySlateChildNode[];
+}
+export interface LegacySlateBlockNode {
+    object: 'block';
+    type: string;
+    data?: Record<string, unknown>;
+    nodes?: LegacySlateChildNode[];
+}
+export type LegacySlateChildNode = LegacySlateBlockNode | LegacySlateInlineNode | LegacySlateTextNode;
+export interface LegacySlateDocument {
+    object?: 'document';
+    nodes?: LegacySlateChildNode[];
+}
+export interface LegacySlateValue {
+    document: LegacySlateDocument;
+}
+/**
+ * Converts a Slate 0.42.x document value to an HTML string.
+ *
+ * @param value - The full Slate value object `{ document: { nodes: [...] } }`
+ *                or just the document object `{ nodes: [...] }` — both are accepted.
+ * @returns An HTML string, or an empty string if the input is null / invalid.
+ *
+ * @example
+ * const html = convertLegacySlateToHtml(JSON.parse(savedSlateJson));
+ * // '<p>Hello <strong>world</strong></p>'
+ */
+export declare function convertLegacySlateToHtml(value: LegacySlateValue | LegacySlateDocument | null | undefined): string;
+/**
+ * Safely parses a JSON string and converts it to HTML.
+ * Catches any parse errors and returns an empty string rather than throwing.
+ *
+ * @param json - A JSON string representing a Slate 0.42.x document
+ * @returns An HTML string, or an empty string if parsing fails.
+ */
+export declare function convertLegacySlateJsonToHtml(json: string): string;

package/dist/xplor-component-library/p-QwDfQUbw.js

@@ -0,0 +1,3 @@
+const t="xplor-component-library";const e={hydratedSelectorName:"hydrated",lazyLoad:true,slotRelocation:true,updatable:true};var r=()=>{};const o=r;const n='*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:\'\'}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type=\'button\']),input:where([type=\'reset\']),input:where([type=\'submit\']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}html[data-theme=\'office\']{--color-primary:rgb(219, 59, 3);--color-secondary:rgb(0, 119, 107);--color-buttons:#89da59;--color-typography:#ff320e}html{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-buttons:#fbbc05;--color-typography:#ea4335}:root{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-tertiary:rgb(128, 104, 186);--color-white:white;--color-emphasis:rgb(8, 8, 9);--color-supergiant:rgb(213, 66, 99);--color-orange:rgb(250, 200, 127);--color-buttons:#fbbc05;--color-typography:#ea4335;--background:20 66% 99%;--foreground:20 51% 4%;--muted:20 25% 86%;--muted-foreground:20 7% 25%;--popover:20 66% 98%;--popover-foreground:20 51% 3%;--card:20 66% 98%;--card-foreground:20 51% 3%;--border:20 15% 94%;--input:20 15% 94%;--primary:20 48% 72%;--primary-foreground:20 48% 12%;--secondary:20 12% 92%;--secondary-foreground:20 12% 32%;--accent:20 12% 92%;--accent-foreground:20 12% 32%;--destructive:11 80% 22%;--destructive-foreground:11 80% 82%;--ring:20 48% 72%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:253 43% 3%;--foreground:253 31% 98%;--muted:253 7% 13%;--muted-foreground:253 13% 63%;--popover:253 43% 3%;--popover-foreground:253 31% 98%;--card:253 43% 4%;--card-foreground:253 31% 99%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--primary:253 91% 58%;--primary-foreground:253 91% 98%;--secondary:253 7% 9%;--secondary-foreground:253 7% 69%;--accent:253 13% 14%;--accent-foreground:253 13% 74%;--destructive:339.2 90.36% 51.18%;--destructive-foreground:0 0% 100%;--ring:253 91% 58%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{box-sizing:border-box;background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:0.25rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.size-16{width:1rem;height:1rem}.h-3{height:0.75rem}.h-4{height:0.25rem}.w-3{width:0.75rem}.w-4{width:0.25rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.gap-y-12{row-gap:0.75rem}.overflow-x-auto{overflow-x:auto}.text-pretty{text-wrap:pretty}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-6{padding:1.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base\\/7{font-size:1rem;line-height:1.75rem}.text-lg\\/8{font-size:1.125rem;line-height:2rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-sm\\/6{font-size:0.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.tracking-tight{letter-spacing:-0.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-primary{color:var(--color-primary)}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.theme-office{--color-black:#000000;--color-white:#ffffff;--color-primary:#db3b03;--color-secondary:#ec7702;--color-buttons:#89da59;--color-typography:#ff320e}.theme-pg{--color-primary:#00776b;--color-secondary:#01a39d;--color-buttons:#89da59;--color-typography:#ff320e}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\\:bg-teal-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.hover\\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\\:text-teal-800:hover{--tw-text-opacity:1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.focus\\:border-teal-500:focus{--tw-border-opacity:1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166 / var(--tw-ring-opacity, 1))}.disabled\\:opacity-50:disabled{opacity:0.5}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\\:gap-y-16{row-gap:1rem}.sm\\:py-32{padding-top:2rem;padding-bottom:2rem}.sm\\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.lg\\:px-8{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 1280px){.xl\\:col-span-2{grid-column:span 2 / span 2}.xl\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}';var i=Object.defineProperty;var a=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:true})};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var c=(t=>{t["Undefined"]="undefined";t["Null"]="null";t["String"]="string";t["Number"]="number";t["SpecialNumber"]="number";t["Boolean"]="boolean";t["BigInt"]="bigint";return t})(c||{});var f=(t=>{t["Array"]="array";t["Date"]="date";t["Map"]="map";t["Object"]="object";t["RegularExpression"]="regexp";t["Set"]="set";t["Channel"]="channel";t["Symbol"]="symbol";return t})(f||{});var u="type";var d="value";var p="serialized:";var g=t=>{if(t.__stencil__getHostRef){return t.__stencil__getHostRef()}return void 0};var v=(t,e)=>{t.__stencil__getHostRef=()=>e;e.t=t};var h=(t,e)=>{const r={o:0,$hostElement$:t,i:e,l:new Map};{r.u=new Promise((t=>r.p=t))}{r.v=new Promise((t=>r.h=t));t["s-p"]=[];t["s-rc"]=[]}const o=r;t.__stencil__getHostRef=()=>o;return o};var w=(t,e)=>e in t;var b=(t,e)=>(0,console.error)(t,e);var m=new Map;var y=(t,e,r)=>{const o=t.m.replace(/-/g,"_");const n=t.$;if(!n){return void 0}const i=m.get(n);if(i){return i[o]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${n}.entry.js${""}`).then((t=>{{m.set(n,t)}return t[o]}),(t=>{b(t,e.$hostElement$)}))};var x=new Map;var $="r";var k="o";var S="s";var j="t";var z="c";var O="s-id";var E="sty-id";var C="c-id";var N="{visibility:hidden}[hydrated]{visibility:inherit}";var I="slot-fb{display:contents}slot-fb[hidden]{display:none}";var M="http://www.w3.org/1999/xlink";var R=typeof window!=="undefined"?window:{};var U={o:0,k:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,r,o)=>t.addEventListener(e,r,o),rel:(t,e,r,o)=>t.removeEventListener(e,r,o),ce:(t,e)=>new CustomEvent(t,e)};var L=(()=>{var t;let e=false;try{(t=R.document)==null?void 0:t.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(t){}return e})();var A=t=>Promise.resolve(t);var P=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();var T=false;var F=[];var D=[];var W=(t,e)=>r=>{t.push(r);if(!T){T=true;if(e&&U.o&4){B(_)}else{U.raf(_)}}};var V=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){b(t)}}t.length=0};var _=()=>{V(F);{V(D);if(T=F.length>0){U.raf(_)}}};var B=t=>A().then(t);var H=W(D,true);var Y=t=>t!=null&&t!==void 0;var q=t=>{t=typeof t;return t==="object"||t==="function"};function J(t){var e,r,o;return(o=(r=(e=t.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?o:void 0}var X=t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var G=class t{static fromLocalValue(e){const r=e[u];const o=d in e?e[d]:void 0;switch(r){case"string":return o;case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return void 0;case"null":return null;case"number":if(o==="NaN")return NaN;if(o==="-0")return-0;if(o==="Infinity")return Infinity;if(o==="-Infinity")return-Infinity;return o;case"array":return o.map((e=>t.fromLocalValue(e)));case"date":return new Date(o);case"map":const e=new Map;for(const[r,n]of o){const o=typeof r==="object"&&r!==null?t.fromLocalValue(r):r;const i=t.fromLocalValue(n);e.set(o,i)}return e;case"object":const n={};for(const[e,r]of o){n[e]=t.fromLocalValue(r)}return n;case"regexp":const{pattern:i,flags:a}=o;return new RegExp(i,a);case"set":const l=new Set;for(const e of o){l.add(t.fromLocalValue(e))}return l;case"symbol":return Symbol(o);default:throw new Error(`Unsupported type: ${r}`)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if(typeof t!=="object"||t===null){return false}if(!t.hasOwnProperty(u)){return false}const e=t[u];const r=Object.values({...c,...f}).includes(e);if(!r){return false}if(e!=="null"&&e!=="undefined"){return t.hasOwnProperty(d)}return true}};var K={};a(K,{err:()=>Z,map:()=>tt,ok:()=>Q,unwrap:()=>et,unwrapErr:()=>rt});var Q=t=>({isOk:true,isErr:false,value:t});var Z=t=>({isOk:false,isErr:true,value:t});function tt(t,e){if(t.isOk){const r=e(t.value);if(r instanceof Promise){return r.then((t=>Q(t)))}else{return Q(r)}}if(t.isErr){const e=t.value;return Z(e)}throw"should never get here"}var et=t=>{if(t.isOk){return t.value}else{throw t.value}};var rt=t=>{if(t.isErr){return t.value}else{throw t.value}};function ot(t){if(typeof t!=="string"||!t.startsWith(p)){return t}return G.fromLocalValue(JSON.parse(atob(t.slice(p.length))))}function nt(t){const e=this.attachShadow({mode:"open"});if(P){const t=new CSSStyleSheet;t.replaceSync(n);e.adoptedStyleSheets.push(t)}}var it=t=>{const e=pt(t,"childNodes");if(t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&t.tagName!=="SLOT-FB"){lt(e,t.tagName).forEach((t=>{if(t.nodeType===1&&t.tagName==="SLOT-FB"){if(st(t,ut(t),false).length){t.hidden=true}else{t.hidden=false}}}))}let r=0;for(r=0;r<e.length;r++){const t=e[r];if(t.nodeType===1&&pt(t,"childNodes").length){it(t)}}};var at=t=>{const e=[];for(let r=0;r<t.length;r++){const o=t[r]["s-nr"]||void 0;if(o&&o.isConnected){e.push(o)}}return e};function lt(t,e,r){let o=0;let n=[];let i;for(;o<t.length;o++){i=t[o];if(i["s-sr"]&&(!e||i["s-hn"]===e)&&r===void 0){n.push(i)}n=[...n,...lt(i.childNodes,e,r)]}return n}var st=(t,e,r=true)=>{const o=[];if(r&&t["s-sr"]||!t["s-sr"])o.push(t);let n=t;while(n=n.nextSibling){if(ut(n)===e&&(r||!n["s-sr"]))o.push(n)}return o};var ct=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};var ft=(t,e,r,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected){return}const n=document.createTextNode("");n["s-nr"]=t;if(!e["s-cr"]||!e["s-cr"].parentNode)return;const i=e["s-cr"].parentNode;const a=pt(i,"appendChild");if(typeof o!=="undefined"){n["s-oo"]=o;const t=pt(i,"childNodes");const e=[n];t.forEach((t=>{if(t["s-nr"])e.push(t)}));e.sort(((t,e)=>{if(!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0))return-1;else if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return 1;return 0}));e.forEach((t=>a.call(i,t)))}else{a.call(i,n)}t["s-ol"]=n;t["s-sh"]=e["s-hn"]};var ut=t=>typeof t["s-sn"]==="string"?t["s-sn"]:t.nodeType===1&&t.getAttribute("slot")||void 0;function dt(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const r=[];const o=this["s-sn"];if(t==null?void 0:t.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const n=this["s-cr"].parentElement;const i=n.__childNodes?n.childNodes:at(n.childNodes);i.forEach((t=>{if(o===ut(t)){r.push(t)}}));if(e){return r.filter((t=>t.nodeType===1))}return r}.bind(t);t.assignedElements=e(true);t.assignedNodes=e(false)}function pt(t,e){if("__"+e in t){const r=t["__"+e];if(typeof r!=="function")return r;return r.bind(t)}else{if(typeof t[e]!=="function")return t[e];return t[e].bind(t)}}var gt=(t,e="")=>{{return()=>{}}};var vt=(t,e)=>{{return()=>{}}};var ht=(t,e,...r)=>{let o=null;let n=null;let i=null;let a=false;let l=false;const s=[];const c=e=>{for(let r=0;r<e.length;r++){o=e[r];if(Array.isArray(o)){c(o)}else if(o!=null&&typeof o!=="boolean"){if(a=typeof t!=="function"&&!q(o)){o=String(o)}if(a&&l){s[s.length-1].S+=o}else{s.push(a?wt(null,o):o)}l=a}}};c(r);if(e){if(e.key){n=e.key}if(e.name){i=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,s,yt)}const f=wt(t,null);f.j=e;if(s.length>0){f.O=s}{f.C=n}{f.N=i}return f};var wt=(t,e)=>{const r={o:0,I:t,S:e,M:null,O:null};{r.j=null}{r.C=null}{r.N=null}return r};var bt={};var mt=t=>t&&t.I===bt;var yt={forEach:(t,e)=>t.map(xt).forEach(e),map:(t,e)=>t.map(xt).map(e).map($t)};var xt=t=>({vattrs:t.j,vchildren:t.O,vkey:t.C,vname:t.N,vtag:t.I,vtext:t.S});var $t=t=>{if(typeof t.vtag==="function"){const e={...t.vattrs};if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return ht(t.vtag,e,...t.vchildren||[])}const e=wt(t.vtag,t.vtext);e.j=t.vattrs;e.O=t.vchildren;e.C=t.vkey;e.N=t.vname;return e};var kt=(t,e,r,o)=>{var n;const i=gt("hydrateClient",e);const a=t.shadowRoot;const l=[];const s=[];const c=[];const f=a?[]:null;const u=wt(e,null);u.M=t;const d=Object.entries(((n=o.i)==null?void 0:n.R)||{});d.forEach((([e,[r,n]])=>{var i;if(!(r&31)){return}const a=n||e;const l=t.getAttribute(a);if(l!==null){const t=It(l,r);(i=o==null?void 0:o.l)==null?void 0:i.set(e,t)}}));let p;{const e=o.i;if(e&&e.o&10&&t["s-sc"]){p=t["s-sc"];t.classList.add(p+"-h")}else if(t["s-sc"]){delete t["s-sc"]}}if(R.document&&(!U.U||!U.U.size)){jt(R.document.body,U.U=new Map)}t[O]=r;t.removeAttribute(O);o.L=St(u,l,s,f,t,t,r,c);let g=0;const v=l.length;let h;for(g;g<v;g++){h=l[g];const r=h.A+"."+h.P;const o=U.U.get(r);const n=h.M;if(!a){n["s-hn"]=e.toUpperCase();if(h.I==="slot"){n["s-cr"]=t["s-cr"]}}if(h.I==="slot"){h.N=h.M["s-sn"]||h.M["name"]||null;if(h.O){h.o|=2;if(!h.M.childNodes.length){h.O.forEach((t=>{h.M.appendChild(t.M)}))}}else{h.o|=1}}if(o&&o.isConnected){if(a&&o["s-en"]===""){o.parentNode.insertBefore(n,o.nextSibling)}o.parentNode.removeChild(o);if(!a){n["s-oo"]=parseInt(h.P)}}U.U.delete(r)}const w=[];const b=c.length;let m=0;let y;let x;let $;let k;for(m;m<b;m++){y=c[m];if(!y||!y.length)continue;$=y.length;x=0;for(x;x<$;x++){k=y[x];if(!w[k.hostId]){w[k.hostId]=U.U.get(k.hostId)}if(!w[k.hostId])continue;const t=w[k.hostId];if(!t.shadowRoot||!a){k.slot["s-cr"]=t["s-cr"];if(!k.slot["s-cr"]&&t.shadowRoot){k.slot["s-cr"]=t}else{k.slot["s-cr"]=(t.__childNodes||t.childNodes)[0]}ft(k.node,k.slot,false,k.node["s-oo"])}if(t.shadowRoot&&k.node.parentElement!==t){t.appendChild(k.node)}}}if(p&&s.length){s.forEach((t=>{t.M.parentElement.classList.add(p+"-s")}))}if(a&&!a.childNodes.length){let e=0;const r=f.length;if(r){for(e;e<r;e++){a.appendChild(f[e])}Array.from(t.childNodes).forEach((t=>{if(typeof t["s-en"]!=="string"&&typeof t["s-sn"]!=="string"){if(t.nodeType===1&&t.slot&&t.hidden){t.removeAttribute("hidden")}else if(t.nodeType===8||t.nodeType===3&&!t.wholeText.trim()){t.parentNode.removeChild(t)}}}))}}U.U.delete(t["s-id"]);o.$hostElement$=t;i()};var St=(t,e,r,o,n,i,a,l=[])=>{let s;let c;let f;let u;const d=n["s-sc"];if(i.nodeType===1){s=i.getAttribute(C);if(s){c=s.split(".");if(c[0]===a||c[0]==="0"){f=zt({o:0,A:c[0],P:c[1],T:c[2],F:c[3],I:i.tagName.toLowerCase(),M:i,j:{class:i.className||""}});e.push(f);i.removeAttribute(C);if(!t.O){t.O=[]}if(d){i["s-si"]=d;f.j.class+=" "+d}const n=f.M.getAttribute("s-sn");if(typeof n==="string"){if(f.I==="slot-fb"){Ot(n,c[2],f,i,t,e,r,o,l);if(d){i.classList.add(d)}}f.M["s-sn"]=n;f.M.removeAttribute("s-sn")}if(f.F!==void 0){t.O[f.F]=f}t=f;if(o&&f.T==="0"){o[f.F]=f.M}}}if(i.shadowRoot){for(u=i.shadowRoot.childNodes.length-1;u>=0;u--){St(t,e,r,o,n,i.shadowRoot.childNodes[u],a,l)}}const p=i.__childNodes||i.childNodes;for(u=p.length-1;u>=0;u--){St(t,e,r,o,n,p[u],a,l)}}else if(i.nodeType===8){c=i.nodeValue.split(".");if(c[1]===a||c[1]==="0"){s=c[0];f=zt({A:c[1],P:c[2],T:c[3],F:c[4]||"0",M:i,j:null,O:null,C:null,N:null,I:null,S:null});if(s===j){f.M=Ct(i,3);if(f.M&&f.M.nodeType===3){f.S=f.M.textContent;e.push(f);i.remove();if(a===f.A){if(!t.O){t.O=[]}t.O[f.F]=f}if(o&&f.T==="0"){o[f.F]=f.M}}}else if(s===z){f.M=Ct(i,8);if(f.M&&f.M.nodeType===8){e.push(f);i.remove()}}else if(f.A===a){if(s===S){const n=i["s-sn"]=c[5]||"";Ot(n,c[2],f,i,t,e,r,o,l)}else if(s===$){if(o){i.remove()}else{n["s-cr"]=i;i["s-cn"]=true}}}}}else if(t&&t.I==="style"){const e=wt(null,i.textContent);e.M=i;e.F="0";t.O=[e]}else{if(i.nodeType===3&&!i.wholeText.trim()){i.remove()}}return t};var jt=(t,e)=>{if(t.nodeType===1){const r=t[O]||t.getAttribute(O);if(r){e.set(r,t)}let o=0;if(t.shadowRoot){for(;o<t.shadowRoot.childNodes.length;o++){jt(t.shadowRoot.childNodes[o],e)}}const n=t.__childNodes||t.childNodes;for(o=0;o<n.length;o++){jt(n[o],e)}}else if(t.nodeType===8){const r=t.nodeValue.split(".");if(r[0]===k){e.set(r[1]+"."+r[2],t);t.nodeValue="";t["s-en"]=r[3]}}};var zt=t=>{const e={o:0,A:null,P:null,T:null,F:"0",M:null,j:null,O:null,C:null,N:null,I:null,S:null};return{...e,...t}};function Ot(t,e,r,o,n,i,a,l,s){o["s-sr"]=true;r.N=t||null;r.I="slot";const c=(n==null?void 0:n.M)?n.M["s-id"]||n.M.getAttribute("s-id"):"";if(l&&R.document){const i=r.M=R.document.createElement(r.I);if(r.N){r.M.setAttribute("name",t)}if(c&&c!==r.A){n.M.insertBefore(i,n.M.children[0])}else{o.parentNode.insertBefore(i,o)}Et(s,e,t,o,r.A);o.remove();if(r.T==="0"){l[r.F]=r.M}}else{const i=r.M;const a=c&&c!==r.A&&n.M.shadowRoot;Et(s,e,t,o,a?c:r.A);dt(o);if(a){n.M.insertBefore(i,n.M.children[0])}}i.push(r);a.push(r);if(!n.O){n.O=[]}n.O[r.F]=r}var Et=(t,e,r,o,n)=>{let i=o.nextSibling;t[e]=t[e]||[];while(i&&((i["getAttribute"]&&i.getAttribute("slot")||i["s-sn"])===r||r===""&&!i["s-sn"]&&(i.nodeType===8&&i.nodeValue.indexOf(".")!==1||i.nodeType===3))){i["s-sn"]=r;t[e].push({slot:o,node:i,hostId:n});i=i.nextSibling}};var Ct=(t,e)=>{let r=t;do{r=r.nextSibling}while(r&&(r.nodeType!==e||!r.nodeValue));return r};var Nt=t=>{const e=X(t);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};Nt("::slotted");Nt(":host");Nt(":host-context");var It=(t,e,r)=>{if(typeof t==="string"&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]"))){try{t=JSON.parse(t);return t}catch(t){}}if(typeof t==="string"&&t.startsWith(p)){t=ot(t);return t}if(t!=null&&!q(t)){if(e&4){{return t==="false"?false:t===""||!!t}}if(e&2){return typeof t==="string"?parseFloat(t):typeof t==="number"?t:NaN}if(e&1){return String(t)}return t}return t};var Mt=t=>g(t).$hostElement$;var Rt=(t,e,r)=>{const o=Mt(t);return{emit:t=>Ut(o,e,{bubbles:true,composed:true,cancelable:true,detail:t})}};var Ut=(t,e,r)=>{const o=U.ce(e,r);t.dispatchEvent(o);return o};var Lt=new WeakMap;var At=(t,e,r)=>{let o=x.get(t);if(P&&r){o=o||new CSSStyleSheet;if(typeof o==="string"){o=e}else{o.replaceSync(e)}}else{o=e}x.set(t,o)};var Pt=(t,e,r)=>{var o;const n=Ft(e);const i=x.get(n);if(!R.document){return n}t=t.nodeType===11?t:R.document;if(i){if(typeof i==="string"){t=t.head||t;let r=Lt.get(t);let a;if(!r){Lt.set(t,r=new Set)}if(!r.has(n)){if(t.host&&(a=t.querySelector(`[${E}="${n}"]`))){a.innerHTML=i}else{a=R.document.createElement("style");a.innerHTML=i;const r=(o=U.D)!=null?o:J(R.document);if(r!=null){a.setAttribute("nonce",r)}if(!(e.o&1)){if(t.nodeName==="HEAD"){const e=t.querySelectorAll("link[rel=preconnect]");const r=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(a,(r==null?void 0:r.parentNode)===t?r:null)}else if("host"in t){if(P){const e=new CSSStyleSheet;e.replaceSync(i);t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");if(e){e.innerHTML=i+e.innerHTML}else{t.prepend(a)}}}else{t.append(a)}}if(e.o&1){t.insertBefore(a,null)}}if(e.o&4){a.innerHTML+=I}if(r){r.add(n)}}}else if(!t.adoptedStyleSheets.includes(i)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}}return n};var Tt=t=>{const e=t.i;const r=t.$hostElement$;const o=e.o;const n=gt("attachStyles",e.m);const i=Pt(r.shadowRoot?r.shadowRoot:r.getRootNode(),e);if(o&10){r["s-sc"]=i;r.classList.add(i+"-h")}n()};var Ft=(t,e)=>"sc-"+t.m;var Dt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var Wt=()=>{if(!R.document){return}const t=R.document.querySelectorAll(`[${E}]`);let e=0;for(;e<t.length;e++){At(t[e].getAttribute(E),Dt(t[e].innerHTML),true)}};var Vt=(t,e,r,o,n,i,a)=>{if(r===o){return}let l=w(t,e);let s=e.toLowerCase();if(e==="class"){const e=t.classList;const n=Bt(r);let i=Bt(o);if(t["s-si"]&&a){i.push(t["s-si"]);n.forEach((e=>{if(e.startsWith(t["s-si"]))i.push(e)}));i=[...new Set(i)];e.add(...i)}else{e.remove(...n.filter((t=>t&&!i.includes(t))));e.add(...i.filter((t=>t&&!n.includes(t))))}}else if(e==="style"){{for(const e in r){if(!o||o[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in o){if(!r||o[e]!==r[e]){if(e.includes("-")){t.style.setProperty(e,o[e])}else{t.style[e]=o[e]}}}}else if(e==="key");else if(e==="ref"){if(o){o(t)}}else if(!l&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(w(R,s)){e=s.slice(2)}else{e=s[2]+e.slice(3)}if(r||o){const n=e.endsWith(Ht);e=e.replace(Yt,"");if(r){U.rel(t,e,r,n)}if(o){U.ael(t,e,o,n)}}}else{const a=q(o);if((l||a&&o!==null)&&!n){try{if(!t.tagName.includes("-")){const n=o==null?"":o;if(e==="list"){l=false}else if(r==null||t[e]!=n){if(typeof t.__lookupSetter__(e)==="function"){t[e]=n}else{t.setAttribute(e,n)}}}else if(t[e]!==o){t[e]=o}}catch(t){}}let c=false;{if(s!==(s=s.replace(/^xlink\:?/,""))){e=s;c=true}}if(o==null||o===false){if(o!==false||t.getAttribute(e)===""){if(c){t.removeAttributeNS(M,e)}else{t.removeAttribute(e)}}}else if((!l||i&4||n)&&!a&&t.nodeType===1){o=o===true?"":o;if(c){t.setAttributeNS(M,e,o)}else{t.setAttribute(e,o)}}}};var _t=/\s/;var Bt=t=>{if(typeof t==="object"&&t&&"baseVal"in t){t=t.baseVal}if(!t||typeof t!=="string"){return[]}return t.split(_t)};var Ht="Capture";var Yt=new RegExp(Ht+"$");var qt=(t,e,r,o)=>{const n=e.M.nodeType===11&&e.M.host?e.M.host:e.M;const i=t&&t.j||{};const a=e.j||{};{for(const t of Jt(Object.keys(i))){if(!(t in a)){Vt(n,t,i[t],void 0,r,e.o,o)}}}for(const t of Jt(Object.keys(a))){Vt(n,t,i[t],a[t],r,e.o,o)}};function Jt(t){return t.includes("ref")?[...t.filter((t=>t!=="ref")),"ref"]:t}var Xt;var Gt;var Kt;var Qt=false;var Zt=false;var te=false;var ee=false;var re=(t,r,o)=>{var n;const i=r.O[o];let a=0;let c;let f;let u;if(!Qt){te=true;if(i.I==="slot"){i.o|=i.O?2:1}}if(i.S!==null){c=i.M=R.document.createTextNode(i.S)}else if(i.o&1){c=i.M=R.document.createTextNode("");{qt(null,i,ee)}}else{if(!ee){ee=i.I==="svg"}if(!R.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}c=i.M=R.document.createElementNS(ee?l:s,!Qt&&e.slotRelocation&&i.o&2?"slot-fb":i.I);if(ee&&i.I==="foreignObject"){ee=false}{qt(null,i,ee)}if(Y(Xt)&&c["s-si"]!==Xt){c.classList.add(c["s-si"]=Xt)}if(i.O){for(a=0;a<i.O.length;++a){f=re(t,i,a);if(f){c.appendChild(f)}}}{if(i.I==="svg"){ee=false}else if(c.tagName==="foreignObject"){ee=true}}}c["s-hn"]=Kt;{if(i.o&(2|1)){c["s-sr"]=true;c["s-cr"]=Gt;c["s-sn"]=i.N||"";c["s-rf"]=(n=i.j)==null?void 0:n.ref;dt(c);u=t&&t.O&&t.O[o];if(u&&u.I===i.I&&t.M){{oe(t.M,false)}}{ge(Gt,c,r.M,t==null?void 0:t.M)}}}return c};var oe=(t,e)=>{U.o|=1;const r=Array.from(t.__childNodes||t.childNodes);for(let t=r.length-1;t>=0;t--){const o=r[t];if(o["s-hn"]!==Kt&&o["s-ol"]){pe(se(o).parentNode,o,se(o));o["s-ol"].remove();o["s-ol"]=void 0;o["s-sh"]=void 0;te=true}if(e){oe(o,e)}}U.o&=-2};var ne=(t,e,r,o,n,i)=>{let a=t["s-cr"]&&t["s-cr"].parentNode||t;let l;if(a.shadowRoot&&a.tagName===Kt){a=a.shadowRoot}for(;n<=i;++n){if(o[n]){l=re(null,r,n);if(l){o[n].M=l;pe(a,l,se(e))}}}};var ie=(t,e,r)=>{for(let o=e;o<=r;++o){const e=t[o];if(e){const t=e.M;de(e);if(t){{Zt=true;if(t["s-ol"]){t["s-ol"].remove()}else{oe(t,true)}}t.remove()}}}};var ae=(t,e,r,o,n=false)=>{let i=0;let a=0;let l=0;let s=0;let c=e.length-1;let f=e[0];let u=e[c];let d=o.length-1;let p=o[0];let g=o[d];let v;let h;while(i<=c&&a<=d){if(f==null){f=e[++i]}else if(u==null){u=e[--c]}else if(p==null){p=o[++a]}else if(g==null){g=o[--d]}else if(le(f,p,n)){ce(f,p,n);f=e[++i];p=o[++a]}else if(le(u,g,n)){ce(u,g,n);u=e[--c];g=o[--d]}else if(le(f,g,n)){if(f.I==="slot"||g.I==="slot"){oe(f.M.parentNode,false)}ce(f,g,n);pe(t,f.M,u.M.nextSibling);f=e[++i];g=o[--d]}else if(le(u,p,n)){if(f.I==="slot"||g.I==="slot"){oe(u.M.parentNode,false)}ce(u,p,n);pe(t,u.M,f.M);u=e[--c];p=o[++a]}else{l=-1;{for(s=i;s<=c;++s){if(e[s]&&e[s].C!==null&&e[s].C===p.C){l=s;break}}}if(l>=0){h=e[l];if(h.I!==p.I){v=re(e&&e[a],r,l)}else{ce(h,p,n);e[l]=void 0;v=h.M}p=o[++a]}else{v=re(e&&e[a],r,a);p=o[++a]}if(v){{pe(se(f.M).parentNode,v,se(f.M))}}}}if(i>c){ne(t,o[d+1]==null?null:o[d+1].M,r,o,a,d)}else if(a>d){ie(e,i,c)}};var le=(t,e,r=false)=>{if(t.I===e.I){if(t.I==="slot"){return t.N===e.N}if(!r){return t.C===e.C}if(r&&!t.C&&e.C){t.C=e.C}return true}return false};var se=t=>t&&t["s-ol"]||t;var ce=(t,r,o=false)=>{const n=r.M=t.M;const i=t.O;const a=r.O;const l=r.I;const s=r.S;let c;if(s===null){{ee=l==="svg"?true:l==="foreignObject"?false:ee}{qt(t,r,ee,o)}if(i!==null&&a!==null){ae(n,i,r,a,o)}else if(a!==null){if(t.S!==null){n.textContent=""}ne(n,null,r,a,0,a.length-1)}else if(!o&&e.updatable&&i!==null){ie(i,0,i.length-1)}if(ee&&l==="svg"){ee=false}}else if(c=n["s-cr"]){c.parentNode.textContent=s}else if(t.S!==s){n.data=s}};var fe=[];var ue=t=>{let e;let r;let o;const n=t.__childNodes||t.childNodes;for(const t of n){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){r=e.parentNode.__childNodes||e.parentNode.childNodes;const n=t["s-sn"];for(o=r.length-1;o>=0;o--){e=r[o];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"]&&true){if(ct(e,n)){let r=fe.find((t=>t.W===e));Zt=true;e["s-sn"]=e["s-sn"]||n;if(r){r.W["s-sh"]=t["s-hn"];r.V=t}else{e["s-sh"]=t["s-hn"];fe.push({V:t,W:e})}if(e["s-sr"]){fe.map((t=>{if(ct(t.W,e["s-sn"])){r=fe.find((t=>t.W===e));if(r&&!t.V){t.V=r.V}}}))}}else if(!fe.some((t=>t.W===e))){fe.push({W:e})}}}}if(t.nodeType===1){ue(t)}}};var de=t=>{{t.j&&t.j.ref&&t.j.ref(null);t.O&&t.O.map(de)}};var pe=(t,e,r)=>{if(typeof e["s-sn"]==="string"&&!!e["s-sr"]&&!!e["s-cr"]){ge(e["s-cr"],e,t,e.parentElement)}{return t==null?void 0:t.insertBefore(e,r)}};function ge(t,e,r,o){var n,i;let a;if(t&&typeof e["s-sn"]==="string"&&!!e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(a=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"];const l=e["s-hn"];(n=r.classList)==null?void 0:n.add(a+"-s");if(o&&((i=o.classList)==null?void 0:i.contains(a+"-s"))){let e=(o.__childNodes||o.childNodes)[0];let r=false;while(e){if(e["s-sn"]!==t&&e["s-hn"]===l&&!!e["s-sr"]){r=true;break}e=e.nextSibling}if(!r)o.classList.remove(a+"-s")}}}var ve=(t,e,r=false)=>{var o,n,i,a;const l=t.$hostElement$;const s=t.i;const c=t.L||wt(null,null);const f=mt(e);const u=f?e:ht(null,null,e);Kt=l.tagName;if(s._){u.j=u.j||{};s._.map((([t,e])=>u.j[e]=l[t]))}if(r&&u.j){for(const t of Object.keys(u.j)){if(l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){u.j[t]=l[t]}}}u.I=null;u.o|=4;t.L=u;u.M=c.M=l.shadowRoot||l;{Xt=l["s-sc"]}Qt=!!(s.o&1)&&!(s.o&128);{Gt=l["s-cr"];Zt=false}ce(c,u,r);{U.o|=1;if(te){ue(u.M);for(const t of fe){const e=t.W;if(!e["s-ol"]&&R.document){const t=R.document.createTextNode("");t["s-nr"]=e;pe(e.parentNode,e["s-ol"]=t,e)}}for(const t of fe){const e=t.W;const l=t.V;if(l){const t=l.parentNode;let r=l.nextSibling;{let i=(o=e["s-ol"])==null?void 0:o.previousSibling;while(i){let o=(n=i["s-nr"])!=null?n:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){o=o.nextSibling;while(o===e||(o==null?void 0:o["s-sr"])){o=o==null?void 0:o.nextSibling}if(!o||!o["s-nr"]){r=o;break}}i=i.previousSibling}}const a=e.__parentNode||e.parentNode;const s=e.__nextSibling||e.nextSibling;if(!r&&t!==a||s!==r){if(e!==r){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}pe(t,e,r);if(e.nodeType===1&&e.tagName!=="SLOT-FB"){e.hidden=(i=e["s-ih"])!=null?i:false}}}e&&typeof l["s-rf"]==="function"&&l["s-rf"](l)}else{if(e.nodeType===1){if(r){e["s-ih"]=(a=e.hidden)!=null?a:false}e.hidden=true}}}}if(Zt){it(u.M)}U.o&=-2;fe.length=0}Gt=void 0};var he=(t,e)=>{if(e&&!t.B&&e["s-p"]){const r=e["s-p"].push(new Promise((o=>t.B=()=>{e["s-p"].splice(r-1,1);o()})))}};var we=(t,e)=>{{t.o|=16}if(t.o&4){t.o|=512;return}he(t,t.H);const r=()=>be(t,e);return H(r)};var be=(t,e)=>{const r=t.$hostElement$;const o=gt("scheduleUpdate",t.i.m);const n=t.t;if(!n){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(e){{t.o|=256;if(t.Y){t.Y.map((([t,e])=>je(n,t,e,r)));t.Y=void 0}}i=je(n,"componentWillLoad",void 0,r)}else{i=je(n,"componentWillUpdate",void 0,r)}i=me(i,(()=>je(n,"componentWillRender",void 0,r)));o();return me(i,(()=>xe(t,n,e)))};var me=(t,e)=>ye(t)?t.then(e).catch((t=>{console.error(t);e()})):e();var ye=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";var xe=async(t,e,r)=>{var o;const n=t.$hostElement$;const i=gt("update",t.i.m);const a=n["s-rc"];if(r){Tt(t)}const l=gt("render",t.i.m);{$e(t,e,n,r)}if(a){a.map((t=>t()));n["s-rc"]=void 0}l();i();{const e=(o=n["s-p"])!=null?o:[];const r=()=>ke(t);if(e.length===0){r()}else{Promise.all(e).then(r);t.o|=4;e.length=0}}};var $e=(t,e,r,o)=>{try{e=e.render();{t.o&=-17}{t.o|=2}{{{ve(t,e,o)}}}}catch(e){b(e,t.$hostElement$)}return null};var ke=t=>{const e=t.i.m;const r=t.$hostElement$;const o=gt("postUpdate",e);const n=t.t;const i=t.H;je(n,"componentDidRender",void 0,r);if(!(t.o&64)){t.o|=64;{ze(r)}je(n,"componentDidLoad",void 0,r);o();{t.h(r);if(!i){Se()}}}else{je(n,"componentDidUpdate",void 0,r);o()}{t.p(r)}{if(t.B){t.B();t.B=void 0}if(t.o&512){B((()=>we(t,false)))}t.o&=-517}};var Se=e=>{B((()=>Ut(R,"appload",{detail:{namespace:t}})))};var je=(t,e,r,o)=>{if(t&&t[e]){try{return t[e](r)}catch(t){b(t,o)}}return void 0};var ze=t=>{var r;return t.setAttribute((r=e.hydratedSelectorName)!=null?r:"hydrated","")};var Oe=(t,e)=>g(t).l.get(e);var Ee=(t,e,r,o)=>{const n=g(t);if(!n){throw new Error(`Couldn't find host element for "${o.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const i=n.$hostElement$;const a=n.l.get(e);const l=n.o;const s=n.t;r=It(r,o.R[e][0]);const c=Number.isNaN(a)&&Number.isNaN(r);const f=r!==a&&!c;if((!(l&8)||a===void 0)&&f){n.l.set(e,r);if(s){if(o.q&&l&128){const t=o.q[e];if(t){t.map((t=>{try{s[t](r,a,e)}catch(t){b(t,i)}}))}}if((l&(2|16))===2){if(s.componentShouldUpdate){if(s.componentShouldUpdate(r,a,e)===false){return}}we(n,false)}}}};var Ce=(t,r,o)=>{var n,i;const a=t.prototype;if(r.R||(r.q||t.watchers)){if(t.watchers&&!r.q){r.q=t.watchers}const l=Object.entries((n=r.R)!=null?n:{});l.map((([t,[e]])=>{if(e&31||o&2&&e&32){const{get:n,set:i}=Object.getOwnPropertyDescriptor(a,t)||{};if(n)r.R[t][0]|=2048;if(i)r.R[t][0]|=4096;if(o&1||!n){Object.defineProperty(a,t,{get(){{if((r.R[t][0]&2048)===0){return Oe(this,t)}const e=g(this);const o=e?e.t:a;if(!o)return;return o[t]}},configurable:true,enumerable:true})}Object.defineProperty(a,t,{set(n){const a=g(this);if(i){const o=e&32?this[t]:a.$hostElement$[t];if(typeof o==="undefined"&&a.l.get(t)){n=a.l.get(t)}else if(!a.l.get(t)&&o){a.l.set(t,o)}i.apply(this,[It(n,e)]);n=e&32?this[t]:a.$hostElement$[t];Ee(this,t,n,r);return}{if((o&1)===0||(r.R[t][0]&4096)===0){Ee(this,t,n,r);if(o&1&&!a.t){a.v.then((()=>{if(r.R[t][0]&4096&&a.t[t]!==a.l.get(t)){a.t[t]=n}}))}return}const i=()=>{const o=a.t[t];if(!a.l.get(t)&&o){a.l.set(t,o)}a.t[t]=It(n,e);Ee(this,t,a.t[t],r)};if(a.t){i()}else{a.v.then((()=>i()))}}}})}else if(o&1&&e&64){Object.defineProperty(a,t,{value(...e){var r;const o=g(this);return(r=o==null?void 0:o.u)==null?void 0:r.then((()=>{var r;return(r=o.t)==null?void 0:r[t](...e)}))}})}}));if(o&1){const o=new Map;a.attributeChangedCallback=function(t,n,i){U.jmp((()=>{var l;const s=o.get(t);if(this.hasOwnProperty(s)&&e.lazyLoad){i=this[s];delete this[s]}else if(a.hasOwnProperty(s)&&typeof this[s]==="number"&&this[s]==i){return}else if(s==null){const e=g(this);const o=e==null?void 0:e.o;if(o&&!(o&8)&&o&128&&i!==n){const o=e.t;const a=(l=r.q)==null?void 0:l[t];a==null?void 0:a.forEach((e=>{if(o[e]!=null){o[e].call(o,i,n,t)}}))}return}const c=Object.getOwnPropertyDescriptor(a,s);i=i===null&&typeof this[s]==="boolean"?false:i;if(i!==this[s]&&(!c.get||!!c.set)){this[s]=i}}))};t.observedAttributes=Array.from(new Set([...Object.keys((i=r.q)!=null?i:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,e])=>{var n;const i=e[1]||t;o.set(i,t);if(e[0]&512){(n=r._)==null?void 0:n.push([t,i])}return i}))]))}}return t};var Ne=async(t,e,r,o)=>{let n;if((e.o&32)===0){e.o|=32;const o=r.$;if(o){const o=y(r,e);if(o&&"then"in o){const t=vt();n=await o;t()}else{n=o}if(!n){throw new Error(`Constructor for "${r.m}#${e.J}" was not found`)}if(!n.isProxied){{r.q=n.watchers}Ce(n,r,2);n.isProxied=true}const i=gt("createInstance",r.m);{e.o|=8}try{new n(e)}catch(e){b(e,t)}{e.o&=-9}{e.o|=128}i();Ie(e.t,t)}else{n=t.constructor;const r=t.localName;customElements.whenDefined(r).then((()=>e.o|=128))}if(n&&n.style){let t;if(typeof n.style==="string"){t=n.style}const e=Ft(r);if(!x.has(e)){const o=gt("registerStyles",r.m);At(e,t,!!(r.o&1));o()}}}const i=e.H;const a=()=>we(e,true);if(i&&i["s-rc"]){i["s-rc"].push(a)}else{a()}};var Ie=(t,e)=>{{je(t,"connectedCallback",void 0,e)}};var Me=t=>{if((U.o&1)===0){const e=g(t);const r=e.i;const o=gt("connectedCallback",r.m);if(!(e.o&1)){e.o|=1;let o;{o=t.getAttribute(O);if(o){if(r.o&1){const e=Pt(t.shadowRoot,r);t.classList.remove(e+"-h",e+"-s")}else if(r.o&2){const e=Ft(r);t["s-sc"]=e}kt(t,r.m,o,e)}}if(!o){if(r.o&(4|8)){Re(t)}}{let r=t;while(r=r.parentNode||r.host){if(r.nodeType===1&&r.hasAttribute("s-id")&&r["s-p"]||r["s-p"]){he(e,e.H=r);break}}}if(r.R){Object.entries(r.R).map((([e,[r]])=>{if(r&31&&t.hasOwnProperty(e)){const r=t[e];delete t[e];t[e]=r}}))}{Ne(t,e,r)}}else{Pe(t,e,r.X);if(e==null?void 0:e.t){Ie(e.t,t)}else if(e==null?void 0:e.v){e.v.then((()=>Ie(e.t,t)))}}o()}};var Re=t=>{if(!R.document){return}const e=t["s-cr"]=R.document.createComment("");e["s-cn"]=true;pe(t,e,t.firstChild)};var Ue=(t,e)=>{{je(t,"disconnectedCallback",void 0,e||t)}};var Le=async t=>{if((U.o&1)===0){const e=g(t);{if(e.G){e.G.map((t=>t()));e.G=void 0}}if(e==null?void 0:e.t){Ue(e.t,t)}else if(e==null?void 0:e.v){e.v.then((()=>Ue(e.t,t)))}}if(Lt.has(t)){Lt.delete(t)}if(t.shadowRoot&&Lt.has(t.shadowRoot)){Lt.delete(t.shadowRoot)}};var Ae=(t,e={})=>{var r;if(!R.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const o=gt();const n=[];const i=e.exclude||[];const a=R.customElements;const l=R.document.head;const s=l.querySelector("meta[charset]");const c=R.document.createElement("style");const f=[];let u;let d=true;Object.assign(U,e);U.k=new URL(e.resourcesUrl||"./",R.document.baseURI).href;{U.o|=2}{Wt()}let p=false;t.map((t=>{t[1].map((e=>{var r;const o={o:e[0],m:e[1],R:e[2],X:e[3]};if(o.o&4){p=true}{o.R=e[2]}{o.X=e[3]}{o._=[]}{o.q=(r=e[4])!=null?r:{}}const l=o.m;const s=class extends HTMLElement{constructor(t){super(t);this.hasRegisteredEventListeners=false;t=this;h(t,o);if(o.o&1){{if(!t.shadowRoot){nt.call(t,o)}else{if(t.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${o.m}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const t=g(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Pe(this,t,o.X)}if(u){clearTimeout(u);u=null}if(d){f.push(this)}else{U.jmp((()=>Me(this)))}}disconnectedCallback(){U.jmp((()=>Le(this)));U.raf((()=>{var t;const e=g(this);const r=f.findIndex((t=>t===this));if(r>-1){f.splice(r,1)}if(((t=e==null?void 0:e.L)==null?void 0:t.M)instanceof Node&&!e.L.M.isConnected){delete e.L.M}}))}componentOnReady(){return g(this).v}};o.$=t[0];if(!i.includes(l)&&!a.get(l)){n.push(l);a.define(l,Ce(s,o,1))}}))}));if(n.length>0){if(p){c.textContent+=I}{c.textContent+=n.sort()+N}if(c.innerHTML.length){c.setAttribute("data-styles","");const t=(r=U.D)!=null?r:J(R.document);if(t!=null){c.setAttribute("nonce",t)}l.insertBefore(c,s?s.nextSibling:l.firstChild)}}d=false;if(f.length){f.map((t=>t.connectedCallback()))}else{{U.jmp((()=>u=setTimeout(Se,30)))}}o()};var Pe=(t,e,r,o)=>{if(r&&R.document){r.map((([r,o,n])=>{const i=Fe(R.document,t,r);const a=Te(e,n);const l=De(r);U.ael(i,o,a,l);(e.G=e.G||[]).push((()=>U.rel(i,o,a,l)))}))}};var Te=(t,e)=>r=>{var o;try{{if(t.o&256){(o=t.t)==null?void 0:o[e](r)}else{(t.Y=t.Y||[]).push([e,r])}}}catch(e){b(e,t.$hostElement$)}};var Fe=(t,e,r)=>{if(r&4){return t}return e};var De=t=>L?{passive:(t&1)!==0,capture:(t&2)!==0}:(t&2)!==0;var We=t=>U.D=t;export{bt as H,Mt as a,Ae as b,Rt as c,o as g,ht as h,A as p,v as r,We as s};
+//# sourceMappingURL=p-QwDfQUbw.js.map