@charde/core 0.0.1

package/dist/charde/index-C9gbKL_s.js

@@ -0,0 +1,4576 @@
+const NAMESPACE = 'charde';
+const BUILD = /* charde */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, deserializer: false, devTools: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: true, prop: true, propBoolean: false, propChangeCallback: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, serializer: false, shadowDelegatesFocus: false, shadowDom: true, shadowSlotAssignmentManual: false, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false };
+const Env = /* charde */ {};
+
+const globalScripts = () => {};
+const globalStyles = "/* src/global/global.css */\n\n/* Import design tokens and utilities - these are dynamically generated */\n:root {\n\n  /* Accent color */\n  --secondary-color: #dcd926ff;\n\n  /* Neutral background/text color */\n  --neutral-color: #cccccc;\n\n  /* Light text color for dark backgrounds */\n  --text-light: #ffffff;\n\n  /* Light background color */\n  --background-light: #f9f9f9;\n\n  /* Base font size for body text */\n  --font-size-base: 1rem;\n\n  /* Large font size for headings */\n  --font-size-lg: 1.2rem;\n\n  /* Small font size */\n  --font-size-sm: 0.875rem;\n\n  /* Extra small font size */\n  --font-size-xs: 0.75rem;\n\n  /* Semibold font weight */\n  --font-weight-semibold: 600;\n\n  /* Monospace font stack */\n  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n\n  /* Sans-serif font utility class */\n  --font-sans: font-sans;\n\n  --spacing-0: 0px;\n\n  /* 4px */\n  --spacing-1: 0.25rem;\n\n  /* 8px */\n  --spacing-2: 0.5rem;\n\n  /* 12px */\n  --spacing-3: 0.75rem;\n\n  /* 16px */\n  --spacing-4: 1rem;\n\n  /* 24px */\n  --spacing-6: 2.5rem;\n\n  /* 32px */\n  --spacing-8: 2rem;\n\n  /* Default width of the card */\n  --width: 100%;\n\n  /* Maximum width of the card */\n  --max-width: 300rem;\n\n  --border-radius-xs: 2rem;\n\n  --border-radius-sm: 4px;\n\n  --border-radius-md: 6px;\n\n  --border-radius-lg: 8px;\n\n  --border-radius-xl: 2rem;\n\n  --border-radius-2xl: 16px;\n\n  /* For very rounded corners, e.g., rounded-3xl */\n  --border-radius-3xl: 20px;\n\n  /* For circular elements */\n  --border-radius-full: 50%;\n\n  --white: #ffffff;\n\n  --black: #000000;\n\n  --gray-50: #f9f9f9;\n\n  --gray-100: #f3f4f6;\n\n  --gray-200: #67880c;\n\n  --gray-300: #d5d8dc;\n\n  --gray-400: #9ca3af;\n\n  --gray-500: #7af202;\n\n  --gray-600: #4b5563;\n\n  --gray-700: #374151;\n\n  --gray-800: #122be2;\n\n  --gray-900: #76f990;\n\n  --indigo-500: #6366f1;\n\n  /* Light blue background */\n  --blue-50: #eff6ff;\n\n  /* Blue for icons */\n  --blue-600: #2563eb;\n\n  /* Width utility class (3.5rem) */\n  --w-14: w-14;\n\n  /* Height utility class (3.5rem) */\n  --h-14: h-14;\n\n  /* Width utility class (2rem) */\n  --w-8: w-8;\n\n  /* Height utility class (2rem) */\n  --h-8: h-8;\n\n  /* Width utility class (3rem) */\n  --w-12: w-12;\n\n  /* Height utility class (3rem) */\n  --h-12: h-12;\n\n  /* Horizontal spacing utility class */\n  --space-x-2: space-x-2;\n\n  /* Padding utility class */\n  --p-2: p-2;\n\n  /* White text color utility class */\n  --text-white: text-white;\n\n  /* Medium font weight utility class */\n  --font-medium: font-medium;\n\n  /* Bold font weight utility class */\n  --font-bold: font-bold;\n\n  /* Border utility class */\n  --border: border;\n\n  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n\n  /* Large shadow for cards and elevated elements */\n  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n  /* Transition for color properties */\n  --transition-colors: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n  /* Standard transition duration for hover effects */\n  --duration-200: 0.2;\n\n  /* Standard 1px border width */\n  --border-width-1: 1rem;\n\n  /* 2px border width */\n  --border-width-2: 2rem;\n\n  /* Solid border style */\n  --border-style-solid: solid;\n\n  /* No border style */\n  --border-style-none: none;\n\n  /* Flex display property */\n  --display-flex: flex;\n\n  /* Center alignment for flex items */\n  --align-items-center: center;\n\n  /* Start alignment for flex items */\n  --align-items-start: flex-start;\n\n  /* Space between flex items */\n  --justify-content-space-between: space-between;\n\n  /* Center justification for flex items */\n  --justify-content-center: center;\n\n  /* Pointer cursor */\n  --cursor-pointer: pointer;\n\n  /* Center text alignment */\n  --text-align-center: center;\n\n  /* Default width for profile images */\n  --image-width: 32px;\n\n  /* Default height for profile images */\n  --image-height: 32px;\n\n  /* Border radius for circular images */\n  --image-border-radius: 50%;\n\n  /* Utility class for white background */\n  --bg-white: bg-white;\n\n  /* Utility class for gray-50 background */\n  --bg-gray-50: bg-gray-50;\n\n  /* Utility class for gray-900 background */\n  --bg-gray-900: bg-gray-900;\n\n  /* Utility class for gray-800 background */\n  --bg-gray-800: bg-gray-800;\n\n  /* Utility class for blue-50 background */\n  --bg-blue-50: bg-blue-50;\n\n  /* Utility class for padding (maps to --spacing-6) */\n  --p-6: p-6;\n\n  /* Utility class for padding (maps to --spacing-4) */\n  --p-4: p-4;\n\n  /* Utility class for horizontal padding (maps to --spacing-6) */\n  --px-6: px-6;\n\n  /* Utility class for bottom padding (maps to --spacing-6) */\n  --pb-6: pb-6;\n\n  /* Utility class for vertical padding (maps to --spacing-6) */\n  --py-6: py-6;\n\n  /* Utility class for margin-top: 0.25rem */\n  --mt-1: mt-1;\n\n  /* Utility class for flex-shrink: 0 */\n  --flex-shrink-0: flex-shrink-0;\n\n  /* Utility class for extra large border radius (maps to --border-radius-xl) */\n  --rounded-xl: rounded-xl;\n\n  /* Utility class for 3X large border radius (maps to --border-radius-3xl) */\n  --rounded-3xl: rounded-3xl;\n\n  /* Utility class for large border radius (maps to --border-radius-lg) */\n  --rounded-lg: rounded-lg;\n\n  /* Utility class for 50% border radius */\n  --rounded-full: rounded-full;\n\n  /* Utility class for full width */\n  --w-full: w-full;\n\n  /* Utility class for medium max-width */\n  --max-w-md: max-w-md;\n\n  /* Utility class for horizontal auto margin (centering) */\n  --mx-auto: mx-auto;\n\n  /* Utility class for overflow: hidden */\n  --overflow-hidden: overflow-hidden;\n\n  /* Utility class for large shadow (maps to --shadow-lg) */\n  --class-shadow-lg: shadow-lg;\n\n  /* Utility class for display: flex */\n  --flex: flex;\n\n  /* Utility class for align-items: center */\n  --items-center: items-center;\n\n  /* Utility class for align-items: flex-start */\n  --items-start: items-start;\n\n  /* Utility class for justify-content: space-between */\n  --justify-between: justify-between;\n\n  /* Utility class for justify-content: center */\n  --justify-center: justify-center;\n\n  /* Utility class for bottom border (maps to --border-width-1, --border-style-solid, --gray-200) */\n  --border-b: border-b;\n\n  /* Utility class for gray-200 border color */\n  --border-gray-200: border-gray-200;\n\n  /* Utility class for gray-300 border color */\n  --border-gray-300: border-gray-300;\n\n  /* Utility class for top border */\n  --border-t: border-t;\n\n  /* Utility class for horizontal gap (maps to 0.75rem / 12px) */\n  --space-x-3: space-x-3;\n\n  /* Utility class for horizontal gap (maps to 1rem / 16px) */\n  --space-x-4: space-x-4;\n\n  /* Utility class for vertical gap (maps to 1.5rem / 24px) */\n  --space-y-6: space-y-6;\n\n  /* Utility class for semibold font weight */\n  --font-semibold: font-semibold;\n\n  /* Utility class for monospace font family */\n  --font-mono: font-mono;\n\n  /* Utility class for extra large text size */\n  --text-xl: text-xl;\n\n  /* Utility class for large text size */\n  --text-lg: text-lg;\n\n  /* Utility class for small text size */\n  --text-sm: text-sm;\n\n  /* Utility class for gray-900 text color */\n  --text-gray-900: text-gray-900;\n\n  /* Utility class for gray-800 text color */\n  --text-gray-800: text-gray-800;\n\n  /* Utility class for gray-700 text color */\n  --text-gray-700: text-gray-700;\n\n  /* Utility class for gray-600 text color */\n  --text-gray-600: text-gray-600;\n\n  /* Utility class for gray-500 text color */\n  --text-gray-500: text-gray-500;\n\n  /* Utility class for gray-300 text color */\n  --text-gray-300: text-gray-300;\n\n  /* Utility class for blue-600 text color */\n  --text-blue-600: text-blue-600;\n\n  /* Utility class for hover state gray-100 background */\n  --hover-bg-gray-100: hover:bg-gray-100;\n\n  /* Utility class for hover state gray-700 background */\n  --hover-bg-gray-700: hover:bg-gray-700;\n\n  /* Utility class for color transition */\n  --class-transition-colors: transition-colors;\n\n  /* Utility class for flex: 1 1 0% */\n  --flex-1: flex-1;\n\n  /* Default sans-serif font stack */\n  --font-family-sans: Inter, system-ui, sans-serif;\n\n  /* Standard transition duration */\n  --duration-150: 150ms;\n\n  /* Z-index for modals */\n  --z-index-modal: 50%;\n\n  /* Z-index for tooltips */\n  --z-index-tooltip: 60;\n\n  /* Opacity for disabled states */\n  --opacity-disabled: 0.6;\n\n  /* Cursor for disabled elements */\n  --cursor-not-allowed: not-allowed;\n\n  /* Grid display property */\n  --display-grid: grid;\n\n  /* 8px gap */\n  --gap-2: 0.5rem;\n\n  /* 16px gap */\n  --gap-4: 1rem;\n\n  /* Default icon size */\n  --icon-size-md: 16px;\n\n  /* Small icon size (1rem) */\n  --icon-size-sm: 16px;\n\n  /* User-added custom property */\n  --custom-primary-color: #6add2c;\n\n  /* Default height for input elements (44px) */\n  --input-height: 2.75rem;\n\n  /* Maximum height for dropdown menu (256px) */\n  --dropdown-max-height: 16px;\n\n  /* Blue focus ring color */\n  --focus-ring-color: #3b82f6;\n\n  /* Focus ring width */\n  --focus-ring-width: 2rem;\n\n  /* Size of chevron icon (20px) */\n  --chevron-size: 1.25rem;\n\n  /* Primary button background color */\n  --button-primary-bg: #dcd926ff;\n\n  /* Primary button hover state background */\n  --button-primary-hover-bg: #1d56b0;\n\n  /* Primary button active/pressed state */\n  --button-primary-active-bg: #174291;\n\n  /* Secondary button background color */\n  --button-secondary-bg: #6b7280;\n\n  /* Secondary button hover state background */\n  --button-secondary-hover-bg: #4b5563;\n\n  /* Danger/error button background */\n  --button-danger-bg: #dc2626;\n\n  /* Danger button hover state */\n  --button-danger-hover-bg: #b91c1c;\n\n  /* Success button background */\n  --button-success-bg: #059669;\n\n  /* Success button hover state */\n  --button-success-hover-bg: #047857;\n\n  /* Outline button border color */\n  --button-outline-border: #d1d5db;\n\n  /* Outline button hover border color */\n  --button-outline-hover-border: #9ca3af;\n\n  /* Default button text color */\n  --button-text-color: 1rem;\n\n  /* Outline button text color */\n  --button-outline-text: #374151;\n\n  /* Disabled button background */\n  --button-disabled-bg: #f3f4f6;\n\n  /* Disabled button text color */\n  --button-disabled-text: #9ca3af;\n\n  /* Disabled button border color */\n  --button-disabled-border: #e5e7eb;\n\n  /* Horizontal padding for medium buttons */\n  --button-padding-x: 1rem;\n\n  /* Vertical padding for medium buttons */\n  --button-padding-y: 0.5rem;\n\n  /* Horizontal padding for small buttons */\n  --button-padding-x-sm: 0.75rem;\n\n  /* Vertical padding for small buttons */\n  --button-padding-y-sm: 0.375rem;\n\n  /* Horizontal padding for large buttons */\n  --button-padding-x-lg: 1.5rem;\n\n  /* Vertical padding for large buttons */\n  --button-padding-y-lg: 0.75rem;\n\n  /* Default button font size */\n  --button-font-size: 1rem;\n\n  /* Small button font size */\n  --button-font-size-sm: 0.875rem;\n\n  /* Large button font size */\n  --button-font-size-lg: 1.125rem;\n\n  /* Button font weight */\n  --button-font-weight: 600;\n\n  /* Default button border radius */\n  --button-border-radius: 6px;\n\n  /* Small button border radius */\n  --button-border-radius-sm: 4px;\n\n  /* Large button border radius */\n  --button-border-radius-lg: 8px;\n\n  /* Button border width */\n  --button-border-width: 1rem;\n\n  /* Button transition animation */\n  --button-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Button focus ring style */\n  --button-focus-ring: 0 0 0 3px rgba(38, 109, 220, 0.25);\n\n  /* Primary button utility classes */\n  --button-primary-class: bg-blue-600 hover:bg-blue-700 active:bg-blue-800;\n\n  /* Secondary button utility classes */\n  --button-secondary-class: bg-gray-600 hover:bg-gray-700 active:bg-gray-800;\n\n  /* Danger button utility classes */\n  --button-danger-class: bg-red-600 hover:bg-red-700 active:bg-red-800;\n\n  /* Success button utility classes */\n  --button-success-class: bg-green-600 hover:bg-green-700 active:bg-green-800;\n\n  /* Outline button utility classes */\n  --button-outline-class: bg-transparent border border-gray-300 text-gray-700 hover:border-gray-400 hover:bg-gray-50;\n\n  /* Disabled button utility classes */\n  --button-disabled-class: bg-gray-100 text-gray-400 cursor-not-allowed border-gray-200;\n\n  /* Base button utility classes */\n  --button-base-class: inline-flex items-center justify-center font-semibold rounded-md transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;\n\n  /* Medium button size utility classes */\n  --button-size-md-class: px-4 py-2 text-sm;\n\n  /* Small button size utility classes */\n  --button-size-sm-class: px-3 py-1.5 text-xs;\n\n  /* Large button size utility classes */\n  --button-size-lg-class: px-6 py-3 text-base;\n\n  /* Background color for input fields */\n  --input-bg-color: #ffffff;\n\n  /* Text color for input fields */\n  --input-text-color: #b5d416;\n\n  /* Default border color for input fields */\n  --input-border-color: #d5d8dc;\n\n  /* Border color for input fields when focused */\n  --input-border-color-focus: var(--primary-color);\n\n  /* Placeholder text color */\n  --input-placeholder-color: #7af202;\n\n  /* Horizontal padding for input fields */\n  --input-padding-x: 1rem;\n\n  /* Vertical padding for input fields */\n  --input-padding-y: 0.75rem;\n\n  /* Border radius for input fields */\n  --input-border-radius: 8px;\n\n  /* Border width for input fields */\n  --input-border-width: 1rem;\n\n  /* Font size for input text */\n  --input-font-size: 1rem;\n\n  /* Font family for input fields */\n  --input-font-family: Inter, system-ui, sans-serif;\n\n  /* Transition for input focus/hover states */\n  --input-transition: 0.2;\n\n  /* Box shadow for focused input fields */\n  --input-shadow-focus: 0 0 0 3px rgba(38, 109, 220, 0.1);\n\n  /* Border color on hover */\n  --input-hover-border-color: #9ca3af;\n\n  /* Background color for disabled inputs */\n  --input-disabled-bg: #f3f4f6;\n\n  /* Text color for disabled inputs */\n  --input-disabled-text: #7af202;\n\n  /* Border color for disabled inputs */\n  --input-disabled-border: #67880c;\n\n  /* Color for input labels */\n  --input-label-color: #374151;\n\n  /* Color for error states */\n  --input-error-color: #dc2626;\n\n  /* Color for success states */\n  --input-success-color: #16a34a;\n\n  /* Base input utility class */\n  --input: input;\n\n  /* Primary input variant */\n  --input-primary: input-primary;\n\n  /* Error input variant */\n  --input-error: input-error;\n\n  /* Success input variant */\n  --input-success: input-success;\n\n  /* Disabled input variant */\n  --input-disabled: input-disabled;\n\n  /* Large input size */\n  --input-lg: input-lg;\n\n  /* Small input size */\n  --input-sm: input-sm;\n\n  /* Width utility class (1.25rem) */\n  --w-5: w-5;\n\n  /* Height utility class (1.25rem) */\n  --h-5: h-5;\n\n  /* Horizontal padding utility class (1rem) */\n  --px-4: px-4;\n\n  /* Vertical padding utility class (0.75rem) */\n  --py-3: py-3;\n\n  /* Vertical padding utility class (0.5rem) */\n  --py-2: py-2;\n\n  /* Base text size utility class */\n  --text-base: text-base;\n\n  /* Extra small text size utility class */\n  --text-xs: text-xs;\n\n  /* Bottom margin utility class (0.25rem) */\n  --mb-1: mb-1;\n\n  /* Vertical spacing utility class */\n  --space-y-2: space-y-2;\n\n  /* Transition all properties utility class */\n  --transition-all: transition-all;\n\n  /* Remove outline utility class */\n  --outline-none: outline-none;\n\n  /* Margin left utility class (0.75rem / 12px) */\n  --ml-3: ml-3;\n\n  /* 2px border width utility class */\n  --border-2: border-2;\n\n  /* Solid border style utility class */\n  --border-solid: border-solid;\n\n  /* Medium border radius utility class */\n  --rounded: rounded;\n\n  /* Width utility class (0.75rem / 12px) */\n  --w-3: w-3;\n\n  /* Height utility class (0.75rem / 12px) */\n  --h-3: h-3;\n\n  /* Gray 400 border color utility class */\n  --border-gray-400: border-gray-400;\n\n  /* Blue 600 border color utility class */\n  --border-blue-600: border-blue-600;\n\n  /* Blue 700 border color utility class */\n  --border-blue-700: border-blue-700;\n\n  /* Blue 600 background utility class */\n  --bg-blue-600: bg-blue-600;\n\n  /* Blue 700 background utility class */\n  --bg-blue-700: bg-blue-700;\n\n  /* Gray 100 background utility class */\n  --bg-gray-100: bg-gray-100;\n\n  /* Gray 300 background utility class */\n  --bg-gray-300: bg-gray-300;\n\n  /* Checked state border color */\n  --checked:border-blue-600: checked:border-blue-600;\n\n  /* Checked state background color */\n  --checked:bg-blue-600: checked:bg-blue-600;\n\n  /* Hover state border color */\n  --hover:border-gray-400: hover:border-gray-400;\n\n  /* Hover checked state border color */\n  --hover:checked:border-blue-700: hover:checked:border-blue-700;\n\n  /* Hover checked state background color */\n  --hover:checked:bg-blue-700: hover:checked:bg-blue-700;\n\n  /* Remove default focus outline */\n  --focus:outline-none: focus:outline-none;\n\n  /* Focus ring width */\n  --focus:ring-2: focus:ring-2;\n\n  /* Focus ring color with opacity */\n  --focus:ring-blue-500/30: focus:ring-blue-500/30;\n\n  /* Focus state border color */\n  --focus:border-blue-600: focus:border-blue-600;\n\n  /* Disabled state border color */\n  --disabled:border-gray-200: disabled:border-gray-200;\n\n  /* Disabled state background color */\n  --disabled:bg-gray-100: disabled:bg-gray-100;\n\n  /* Disabled state cursor */\n  --disabled:cursor-not-allowed: disabled:cursor-not-allowed;\n\n  /* Disabled checked state border color */\n  --disabled:checked:border-gray-300: disabled:checked:border-gray-300;\n\n  /* Disabled checked state background color */\n  --disabled:checked:bg-gray-300: disabled:checked:bg-gray-300;\n\n  /* Show checkmark when checked */\n  --group-has-[:checked]:opacity-100: group-has-[:checked]:opacity-100;\n\n  /* Disabled label text color */\n  --group-has-[:disabled]:text-gray-400: group-has-[:disabled]:text-gray-400;\n\n  /* Opacity transition utility class */\n  --transition-opacity: transition-opacity;\n\n  /* CSS transform utility class */\n  --transform: transform;\n\n  /* Horizontal translation utility class */\n  -translate-x-1/2: -translate-x-1/2;\n\n  /* Vertical translation utility class */\n  -translate-y-1/2: -translate-y-1/2;\n\n  /* Top 50% positioning utility class */\n  --top-1/2: top-1/2;\n\n  /* Left 50% positioning utility class */\n  --left-1/2: left-1/2;\n\n  /* Absolute positioning utility class */\n  --absolute: absolute;\n\n  /* Pointer events none utility class */\n  --pointer-events-none: pointer-events-none;\n\n  /* Opacity 0 utility class */\n  --opacity-0: opacity-0;\n\n  /* Text selection none utility class */\n  --select-none: select-none;\n\n  /* Remove default appearance utility class */\n  --appearance-none: appearance-none;\n\n  /* Z-index for modals to appear above other content */\n  --modal-z-index: 50%;\n\n  /* Semi-transparent backdrop behind modal */\n  --modal-backdrop-bg: rgba(0, 0, 0, 0.5);\n\n  /* Backdrop blur amount */\n  --modal-backdrop-blur: 8px;\n\n  /* Maximum width of modal content */\n  --modal-max-width: 32px;\n\n  /* Minimum width of modal content */\n  --modal-min-width: 20px;\n\n  /* Duration of modal open/close animations */\n  --modal-animation-duration: 0.3;\n\n  /* Easing function for modal animations */\n  --modal-easing: cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Padding inside modal content area */\n  --modal-content-padding: 1.5rem;\n\n  /* Utility class for fixed positioning */\n  --fixed: fixed;\n\n  /* Utility class for top, right, bottom, left: 0 */\n  --inset-0: inset-0;\n\n  /* Utility class for flex-direction: column */\n  --flex-col: flex-col;\n\n  /* Utility class for 1.5rem gap */\n  --gap-6: gap-6;\n\n  /* Utility class for sticky positioning */\n  --sticky: sticky;\n\n  /* Utility class for top: 0 */\n  --top-0: top-0;\n\n  /* Utility class for backdrop blur */\n  --backdrop-blur-sm: backdrop-blur-sm;\n\n  /* Utility class for 300ms transition duration */\n  --duration-300: duration-300;\n\n  /* Utility class for ease-out timing function */\n  --ease-out: ease-out;\n\n  /* Utility class for 95% scale transform */\n  --scale-95: scale-95;\n\n  /* Utility class for 100% scale transform */\n  --scale-100: scale-100;\n\n  /* Utility class for 100% opacity */\n  --opacity-100: opacity-100;\n\n  /* Utility class for z-index: 50 */\n  --z-50: z-50;\n\n  /* Utility class for pointer-events: auto */\n  --pointer-events-auto: pointer-events-auto;\n\n  /* Utility class for scale 105% on hover */\n  --hover-scale-105: hover:scale-105;\n\n  /* Utility class for gray-800 background on hover */\n  --hover-bg-gray-800: hover:bg-gray-800;\n\n  /* Utility class for blue-600 background on hover */\n  --hover-bg-blue-600: hover:bg-blue-600;\n\n  /* Utility class for focus ring */\n  --focus-ring-4: focus:ring-4;\n\n  /* Utility class for blue focus ring */\n  --focus-ring-blue-500: focus:ring-blue-500;\n\n  /* Utility class for focus ring opacity */\n  --focus-ring-opacity-20: focus:ring-opacity-20;\n\n  /* Utility class for no outline on focus */\n  --focus-outline-none: focus:outline-none;\n\n  /* Animation utility class for entrance animations */\n  --animate-in: animate-in;\n\n  /* Fade in animation class */\n  --fade-in: fade-in;\n\n  /* Zoom in animation class */\n  --zoom-in-95: zoom-in-95;\n\n  /* Focus ring utility */\n  --focus-ring-2: focus:ring-2;\n\n  /* Focus ring offset */\n  --focus-ring-offset-2: focus:ring-offset-2;\n\n  /* Hover state for primary button */\n  --hover-bg-blue-700: hover:bg-blue-700;\n\n  /* Placeholder text color */\n  --placeholder-gray-400: placeholder-gray-400;\n\n  /* Line height utility */\n  --leading-relaxed: leading-relaxed;\n\n  /* Top margin utility class (1.5rem) */\n  --mt-6: mt-6;\n\n  /* Medium border radius utility class */\n  --rounded-md: rounded-md;\n\n  /* 2XL border radius utility class */\n  --rounded-2xl: rounded-2xl;\n\n  /* Very light success background color */\n  --success-50: #f0fdf4;\n\n  /* Light success background color */\n  --success-100: #dcfce7;\n\n  /* Primary success color */\n  --success-500: #22c55e;\n\n  /* Dark success color */\n  --success-600: #16a34a;\n\n  /* Darker success color */\n  --success-700: #15803d;\n\n  /* Very light warning background color */\n  --warning-50: #fffbeb;\n\n  /* Light warning background color */\n  --warning-100: #fef3c7;\n\n  /* Primary warning color */\n  --warning-500: #f59e0b;\n\n  /* Dark warning color */\n  --warning-600: #d97706;\n\n  /* Darker warning color */\n  --warning-700: #b45309;\n\n  /* Very light error background color */\n  --error-50: #fef2f2;\n\n  /* Light error background color */\n  --error-100: #fee2e2;\n\n  /* Primary error color */\n  --error-500: #ef4444;\n\n  /* Dark error color */\n  --error-600: #dc2626;\n\n  /* Darker error color */\n  --error-700: #b91c1c;\n\n  /* Very light info background color */\n  --info-50: #eff6ff;\n\n  /* Light info background color */\n  --info-100: #dbeafe;\n\n  /* Primary info color */\n  --info-500: #3b82f6;\n\n  /* Dark info color */\n  --info-600: #2563eb;\n\n  /* Darker info color */\n  --info-700: #1d4ed8;\n\n  /* Primary neutral color */\n  --neutral-500: #6b7280;\n\n  /* Soft shadow for subtle elevation */\n  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);\n\n  /* Subtle shadow for alerts */\n  --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.04);\n\n  /* Base size for alert icons */\n  --icon-size-base: 1.25rem;\n\n  /* Smooth transition for interactive elements */\n  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Utility class for success-50 background */\n  --bg-success-50: bg-success-50;\n\n  /* Utility class for warning-50 background */\n  --bg-warning-50: bg-warning-50;\n\n  /* Utility class for error-50 background */\n  --bg-error-50: bg-error-50;\n\n  /* Utility class for info-50 background */\n  --bg-info-50: bg-info-50;\n\n  /* Utility class for success-700 text color */\n  --text-success-700: text-success-700;\n\n  /* Utility class for warning-700 text color */\n  --text-warning-700: text-warning-700;\n\n  /* Utility class for error-700 text color */\n  --text-error-700: text-error-700;\n\n  /* Utility class for info-700 text color */\n  --text-info-700: text-info-700;\n\n  /* Utility class for success-200 border */\n  --border-success-200: border-success-200;\n\n  /* Utility class for warning-200 border */\n  --border-warning-200: border-warning-200;\n\n  /* Utility class for error-200 border */\n  --border-error-200: border-error-200;\n\n  /* Utility class for info-200 border */\n  --border-info-200: border-info-200;\n\n  /* Utility class for soft shadow */\n  --shadow-soft-class: shadow-soft;\n\n  /* Utility class for subtle shadow */\n  --shadow-subtle-class: shadow-subtle;\n\n  /* Utility class for smooth transition */\n  --transition-all-smooth: transition-all-smooth;\n\n  /* Vertical spacing utility class (1rem) */\n  --space-y-4: space-y-4;\n\n  /* Bottom margin utility class (0.5rem) */\n  --mb-2: mb-2;\n\n  /* Padding utility class (0.25rem) */\n  --p-1: p-1;\n\n  /* Bottom margin utility class (0.75rem) */\n  --mb-3: mb-3;\n\n  /* Primary background color for badges */\n  --badge-bg-primary: var(--primary-color);\n\n  /* Text color for primary badges */\n  --badge-text-primary: #ffffff;\n\n  /* Secondary background color for badges */\n  --badge-bg-secondary: #dcd926ff;\n\n  /* Text color for secondary badges */\n  --badge-text-secondary: #76f990;\n\n  /* Success state background color */\n  --badge-bg-success: #10b981;\n\n  /* Text color for success badges */\n  --badge-text-success: #ffffff;\n\n  /* Warning state background color */\n  --badge-bg-warning: #f59e0b;\n\n  /* Text color for warning badges */\n  --badge-text-warning: #ffffff;\n\n  /* Error state background color */\n  --badge-bg-error: #ef4444;\n\n  /* Text color for error badges */\n  --badge-text-error: #ffffff;\n\n  /* Transparent background for outline badges */\n  --badge-bg-outline: transparent;\n\n  /* Border color for outline badges */\n  --badge-border-outline: #d5d8dc;\n\n  /* Text color for outline badges */\n  --badge-text-outline: #374151;\n\n  /* Horizontal padding for badges */\n  --badge-padding-x: 0.75rem;\n\n  /* Vertical padding for badges */\n  --badge-padding-y: 0.25rem;\n\n  /* Border radius for pill-shaped badges */\n  --badge-border-radius: 50%;\n\n  /* Border radius for square badges */\n  --badge-border-radius-square: 6px;\n\n  /* Border width for outline badges */\n  --badge-border-width: 1rem;\n\n  /* Font size for badge text */\n  --badge-font-size: 0.75rem;\n\n  /* Font weight for badge text */\n  --badge-font-weight: 600;\n\n  /* Letter spacing for badge text */\n  --badge-letter-spacing: 0.025em;\n\n  /* Transition for hover states */\n  --badge-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n  /* Box shadow for elevated badges */\n  --badge-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n\n  /* Scale transform on hover */\n  --badge-hover-scale: 1.05;\n\n  /* Scale transform when active/clicked */\n  --badge-active-scale: 0.95;\n\n  /* Size for icons within badges */\n  --badge-icon-size: 0.75rem;\n\n  /* Gap between badge elements */\n  --badge-gap: 0.5rem;\n\n  /* Primary badge utility class */\n  --badge-primary: badge-primary;\n\n  /* Secondary badge utility class */\n  --badge-secondary: badge-secondary;\n\n  /* Success badge utility class */\n  --badge-success: badge-success;\n\n  /* Warning badge utility class */\n  --badge-warning: badge-warning;\n\n  /* Error badge utility class */\n  --badge-error: badge-error;\n\n  /* Outline badge utility class */\n  --badge-outline: badge-outline;\n\n  /* Pill-shaped badge utility class */\n  --badge-pill: badge-pill;\n\n  /* Badge with icon utility class */\n  --badge-with-icon: badge-with-icon;\n\n  /* Interactive badge utility class */\n  --badge-interactive: badge-interactive;\n\n  /* User-added custom property */\n  --muzingo-primary-color: #dd2c47;\n\n  /* User-added custom property */\n  --muzingo-primary-color-1: #266DDC;\n}\n/* Auto-generated Utility Classes from Design System */\n/* DO NOT EDIT - Generated from your design system API */\n\n:host, :root {\n  display: block;\n  box-sizing: border-box;\n}\n\n*, *::before, *::after {\n  box-sizing: inherit;\n}\n\n.bg-gray-50 {\n  background-color: var(--gray-50, #f9f9f9);\n}\n\n.font-sans {\n  font-family: var(--font-family-sans, Inter, system-ui, sans-serif);\n}\n\n.w-full {\n  width: var(--width, 100%);\n}\n\n.max-w-md {\n  max-width: var(--max-width, 300rem);\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.bg-white {\n  background-color: var(--white, #ffffff);\n}\n\n.rounded-3xl {\n  border-radius: var(--border-radius-3xl, 20px);\n}\n\n.shadow-lg {\n  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.p-6 {\n  padding: var(--spacing-6, 2.5rem);\n}\n\n.border-b {\n  border-bottom-width: var(--border-width-1, 1px);\n  border-bottom-style: var(--border-style-solid, solid);\n  border-bottom-color: var(--gray-200, #67880c);\n}\n\n.border-gray-200 {\n  border-color: var(--gray-200, #67880c);\n}\n\n.flex {\n  display: flex;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.font-semibold {\n  font-weight: var(--font-weight-semibold, 600);\n}\n\n.text-gray-900 {\n  color: var(--gray-900, #76f990);\n}\n\n.font-mono {\n  font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n}\n\n.text-gray-800 {\n  color: var(--gray-800, #122be2);\n}\n\n.rounded-xl {\n  border-radius: var(--border-radius-xl, 2px);\n}\n\n.p-4 {\n  padding: var(--spacing-4, 1rem);\n}\n\n.space-x-4 {\n  > * + * { margin-left: var(--spacing-4, 1rem); };\n}\n\n.w-14 {\n  width: 3.5rem;\n}\n\n.h-14 {\n  height: 3.5rem;\n}\n\n.rounded-full {\n  border-radius: var(--border-radius-full, 50%);\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.flex-1 {\n  flex: 1 1 0%;\n}\n\n.text-sm {\n  font-size: var(--font-size-sm, 0.875rem);\n  line-height: 1.25rem;\n}\n\n.text-gray-500 {\n  color: var(--gray-500, #7af202);\n}\n\n.space-x-2 {\n  > * + * { margin-left: var(--spacing-2, 0.5rem); };\n}\n\n.p-2 {\n  padding: var(--spacing-2, 0.5rem);\n}\n\n.border {\n  border-width: var(--border-width-1, 1px);\n  border-style: var(--border-style-solid, solid);\n  border-color: var(--gray-200, #67880c);\n}\n\n.border-gray-300 {\n  border-color: var(--gray-300, #d5d8dc);\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: var(--duration-200, 0.2);\n  transition-timing-function: ease-in-out;\n}\n\n.bg-gray-800 {\n  background-color: var(--gray-800, #122be2);\n}\n\n.text-white {\n  color: var(--white, #ffffff);\n}\n\n.px-6 {\n  padding-left: var(--spacing-6, 2.5rem);\n  padding-right: var(--spacing-6, 2.5rem);\n}\n\n.pb-6 {\n  padding-bottom: var(--spacing-6, 2.5rem);\n}\n\n.space-y-6 {\n  > * + * { margin-top: var(--spacing-6, 2.5rem); };\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.space-x-3 {\n  > * + * { margin-left: var(--spacing-3, 0.75rem); };\n}\n\n.mt-1 {\n  margin-top: var(--spacing-1, 0.25rem);\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.w-8 {\n  width: var(--spacing-8, 2rem);\n}\n\n.h-8 {\n  height: var(--spacing-8, 2rem);\n}\n\n.bg-blue-50 {\n  background-color: var(--blue-50, #eff6ff);\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.bg-gray-900 {\n  background-color: var(--gray-900, #76f990);\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.text-lg {\n  font-size: var(--font-size-lg, 1.2rem);\n  line-height: 1.75rem;\n}\n\n.text-gray-300 {\n  color: var(--gray-300, #d5d8dc);\n}\n\n.py-6 {\n  padding-top: var(--spacing-6, 2.5rem);\n  padding-bottom: var(--spacing-6, 2.5rem);\n}\n\n.border-t {\n  border-top-width: var(--border-width-1, 1px);\n  border-top-style: var(--border-style-solid, solid);\n  border-top-color: var(--gray-200, #67880c);\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.rounded-md {\n  border-radius: var(--border-radius-md, 6px);\n}\n\n.transition-all {\n  transition-property: all;\n  transition-duration: var(--duration-200, 0.2);\n  transition-timing-function: ease-in-out;\n}\n\n.bg-blue-600 {\n  background-color: var(--blue-600, #2563eb);\n}\n\n.px-4 {\n  padding-left: var(--spacing-4, 1rem);\n  padding-right: var(--spacing-4, 1rem);\n}\n\n.py-2 {\n  padding-top: var(--spacing-2, 0.5rem);\n  padding-bottom: var(--spacing-2, 0.5rem);\n}\n\n.text-gray-700 {\n  color: var(--gray-700, #374151);\n}\n\n.mb-1 {\n  margin-bottom: var(--spacing-1, 0.25rem);\n}\n\n.relative {\n  position: relative;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.transform {\n  transform: translateX(0) translateY(0) rotate(0) scale(1);\n}\n\n.-translate-y-1\\/2 {\n  transform: translateY(-50%);\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.rounded-lg {\n  border-radius: var(--border-radius-lg, 8px);\n}\n\n.text-base {\n  font-size: var(--font-size-base, 1rem);\n  line-height: 1.5rem;\n}\n\n.leading-relaxed {\n  line-height: 1.625;\n}\n\n.duration-200 {\n  transition-duration: var(--duration-200, 0.2);\n}\n\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.pl-12 {\n  padding-left: 3rem;\n}\n\n.text-xs {\n  font-size: var(--font-size-xs, 0.75rem);\n  line-height: 1rem;\n}\n\n.grid {\n  display: grid;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.mt-6 {\n  margin-top: var(--spacing-6, 2.5rem);\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.space-y-2 {\n  > * + * { margin-top: var(--spacing-2, 0.5rem); };\n}\n\n.text-red-600 {\n  color: #dc2626;\n}\n\n.border-red-500 {\n  border-color: #ef4444;\n}\n\n.border-green-600 {\n  border-color: #16a34a;\n}\n\n.text-green-600 {\n  color: #16a34a;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.select-none {\n  user-select: none;\n}\n\n.appearance-none {\n  appearance: none;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.border-2 {\n  border-width: 2px;\n  border-style: solid;\n  border-color: inherit;\n}\n\n.border-solid {\n  border-style: solid;\n}\n\n.rounded {\n  border-radius: var(--border-radius-md, 6px);\n}\n\n.left-1\\/2 {\n  left: 50%;\n}\n\n.-translate-x-1\\/2 {\n  transform: translateX(-50%);\n}\n\n.w-3 {\n  width: 0.75rem;\n}\n\n.h-3 {\n  height: 0.75rem;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.transition-opacity {\n  transition-property: opacity;\n  transition-duration: var(--duration-200, 0.2);\n  transition-timing-function: ease-in-out;\n}\n\n.ml-3 {\n  margin-left: var(--spacing-3, 0.75rem);\n}\n\n.fixed {\n  position: fixed;\n}\n\n.inset-0 {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.rounded-2xl {\n  border-radius: var(--border-radius-2xl, 16px);\n}\n\n.duration-300 {\n  transition-duration: 0.3s;\n}\n\n.space-y-4 {\n  > * + * { margin-top: var(--spacing-4, 1rem); };\n}\n\n.mb-2 {\n  margin-bottom: var(--spacing-2, 0.5rem);\n}\n\n.px-3 {\n  padding-left: var(--spacing-3, 0.75rem);\n  padding-right: var(--spacing-3, 0.75rem);\n}\n\n.border-blue-600 {\n  border-color: var(--blue-600, #2563eb);\n}\n\n.text-blue-600 {\n  color: var(--blue-600, #2563eb);\n}\n\n.p-1 {\n  padding: var(--spacing-1, 0.25rem);\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.mb-3 {\n  margin-bottom: var(--spacing-3, 0.75rem);\n}\n\n.text-gray-600 {\n  color: var(--gray-600, #4b5563);\n}\n\n.py-1 {\n  padding-top: var(--spacing-1, 0.25rem);\n  padding-bottom: var(--spacing-1, 0.25rem);\n}\n\n.shadow-sm {\n  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.bg-gray-100:hover {\n  background-color: var(--gray-100, #f3f4f6);\n}\n\n.outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.bg-blue-700:hover {\n  background-color: #1d4ed8;\n}\n\n.border-gray-400:hover {\n  border-color: var(--gray-400, #9ca3af);\n}\n\n.border-red-500:focus {\n  border-color: #ef4444;\n}\n\n.border-green-600:focus {\n  border-color: #16a34a;\n}\n\n.border-blue-600:checked {\n  border-color: var(--blue-600, #2563eb);\n}\n\n.bg-blue-600:checked {\n  background-color: var(--blue-600, #2563eb);\n}\n\n.border-blue-600:focus {\n  border-color: var(--blue-600, #2563eb);\n}\n\n.border-gray-200:disabled {\n  border-color: var(--gray-200, #67880c);\n}\n\n.bg-gray-100:disabled {\n  background-color: var(--gray-100, #f3f4f6);\n}\n\n.bg-gray-50:hover {\n  background-color: var(--gray-50, #f9f9f9);\n}\n\n.bg-blue-600:hover {\n  background-color: var(--blue-600, #2563eb);\n}\n\n.bg-green-600:hover {\n  background-color: #16a34a;\n}\n\n.bg-red-600:hover {\n  background-color: #dc2626;\n}\n\n.text-gray-900:hover {\n  color: var(--gray-900, #76f990);\n}\n\n\n/* Global reset */\n*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n/* Base styles using design tokens */\n:root {\n  font-family: var(--font-family-sans, Inter, system-ui, sans-serif);\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n/* Ensure SVG icons display properly and can be styled via tokens */\nsvg {\n  display: inline-block;\n  vertical-align: middle;\n  fill: currentColor;\n  width: 1em;\n  height: 1em;\n}\n\n/* Allow SVG parts to be styled */\nsvg[part=\"icon\"] {\n  width: var(--icon-size, 1em);\n  height: var(--icon-size, 1em);\n  color: var(--icon-color, currentColor);\n}\n\n/* Host styles for components */\n:host {\n  display: block;\n}\n\n/* Component part styling */\n::part(icon) {\n  width: var(--icon-size, 1.25rem);\n  height: var(--icon-size, 1.25rem);\n}\n\n/* Animation keyframes from design system */\n@keyframes fadeIn {\n  from {\n    opacity: var(--opacity-0, 0);\n  }\n  to {\n    opacity: var(--opacity-100, 1);\n  }\n}\n\n@keyframes slideIn {\n  from {\n    transform: translateY(10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
+
+/*
+ Stencil Client Platform v4.42.1 | MIT Licensed | https://stenciljs.com
+ */
+
+var Build = {
+  isDev: BUILD.isDev ? true : false,
+  isBrowser: true,
+  isServer: false,
+  isTesting: BUILD.isTesting ? true : false
+};
+
+// src/utils/constants.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
+var PrimitiveType = /* @__PURE__ */ ((PrimitiveType2) => {
+  PrimitiveType2["Undefined"] = "undefined";
+  PrimitiveType2["Null"] = "null";
+  PrimitiveType2["String"] = "string";
+  PrimitiveType2["Number"] = "number";
+  PrimitiveType2["SpecialNumber"] = "number";
+  PrimitiveType2["Boolean"] = "boolean";
+  PrimitiveType2["BigInt"] = "bigint";
+  return PrimitiveType2;
+})(PrimitiveType || {});
+var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
+  NonPrimitiveType2["Array"] = "array";
+  NonPrimitiveType2["Date"] = "date";
+  NonPrimitiveType2["Map"] = "map";
+  NonPrimitiveType2["Object"] = "object";
+  NonPrimitiveType2["RegularExpression"] = "regexp";
+  NonPrimitiveType2["Set"] = "set";
+  NonPrimitiveType2["Channel"] = "channel";
+  NonPrimitiveType2["Symbol"] = "symbol";
+  return NonPrimitiveType2;
+})(NonPrimitiveType || {});
+var TYPE_CONSTANT = "type";
+var VALUE_CONSTANT = "value";
+var SERIALIZED_PREFIX = "serialized:";
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((BUILD.state || BUILD.prop) && (memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      if (ogDescriptor) {
+        Object.defineProperty(instance, memberName, {
+          get() {
+            return ogDescriptor.get.call(this);
+          },
+          set(newValue) {
+            ogDescriptor.set.call(this, newValue);
+          },
+          configurable: true,
+          enumerable: true
+        });
+      }
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+    }
+  });
+};
+function getPropertyDescriptor(obj, memberName) {
+  while (obj) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc == null ? void 0 : desc.get) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/client/client-host-ref.ts
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
+var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return;
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
+  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state || BUILD.prop)) {
+    reWireGetterSetter(lazyInstance, hostRef);
+  }
+};
+var registerHost = (hostElement, cmpMeta) => {
+  const hostRef = {
+    $flags$: 0,
+    $hostElement$: hostElement,
+    $cmpMeta$: cmpMeta,
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
+  };
+  if (BUILD.isDev) {
+    hostRef.$renderCount$ = 0;
+  }
+  if (BUILD.method && BUILD.lazyLoad) {
+    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  }
+  if (BUILD.asyncLoading) {
+    hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
+    hostElement["s-p"] = [];
+    hostElement["s-rc"] = [];
+  }
+  if (BUILD.lazyLoad) {
+    hostRef.$fetchedCbList$ = [];
+  }
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
+  if (!BUILD.lazyLoad && cmpMeta.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state || BUILD.prop)) {
+    reWireGetterSetter(hostElement, hostRef);
+  }
+  return ref;
+};
+var isMemberInElement = (elm, memberName) => memberName in elm;
+var customError;
+var consoleError = (e, el) => (customError || console.error)(e, el);
+var STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : [
+  "%cstencil",
+  "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
+];
+var consoleDevError = (...m) => console.error(...STENCIL_DEV_MODE, ...m);
+var consoleDevWarn = (...m) => console.warn(...STENCIL_DEV_MODE, ...m);
+var consoleDevInfo = (...m) => console.info(...STENCIL_DEV_MODE, ...m);
+var setErrorHandler = (handler) => customError = handler;
+
+// src/client/client-load-module.ts
+var cmpModules = /* @__PURE__ */ new Map();
+var MODULE_IMPORT_PREFIX = "./";
+var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
+  const bundleId = cmpMeta.$lazyBundleId$;
+  if (BUILD.isDev && typeof bundleId !== "string") {
+    consoleDevError(
+      `Trying to lazily load component <${cmpMeta.$tagName$}> with style mode "${hostRef.$modeName$}", but it does not exist.`
+    );
+    return void 0;
+  } else if (!bundleId) {
+    return void 0;
+  }
+  const module = !BUILD.hotModuleReplacement ? cmpModules.get(bundleId) : false;
+  if (module) {
+    return module[exportName];
+  }
+  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+  return import(
+    /* @vite-ignore */
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${bundleId}.entry.js${BUILD.hotModuleReplacement && hmrVersionId ? "?s-hmr=" + hmrVersionId : ""}`
+  ).then(
+    (importedModule) => {
+      if (!BUILD.hotModuleReplacement) {
+        cmpModules.set(bundleId, importedModule);
+      }
+      return importedModule[exportName];
+    },
+    (e) => {
+      consoleError(e, hostRef.$hostElement$);
+    }
+  );
+};
+
+// src/client/client-style.ts
+var styles = /* @__PURE__ */ new Map();
+var modeResolutionChain = [];
+var setScopedSSR = (_opts) => {
+};
+var needsScopedSSR = () => false;
+
+// src/runtime/runtime-constants.ts
+var CONTENT_REF_ID = "r";
+var ORG_LOCATION_ID = "o";
+var SLOT_NODE_ID = "s";
+var TEXT_NODE_ID = "t";
+var COMMENT_NODE_ID = "c";
+var HYDRATE_ID = "s-id";
+var HYDRATED_STYLE_ID = "sty-id";
+var HYDRATE_CHILD_ID = "c-id";
+var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var STENCIL_DOC_DATA = "_stencilDocData";
+var DEFAULT_DOC_DATA = {
+  hostIds: 0,
+  rootLevelIds: 0,
+  staticComponents: /* @__PURE__ */ new Set()
+};
+var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
+var win = typeof window !== "undefined" ? window : {};
+var H = win.HTMLElement || class {
+};
+var plt = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (h2) => h2(),
+  raf: (h2) => requestAnimationFrame(h2),
+  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+  ce: (eventName, opts) => new CustomEvent(eventName, opts)
+};
+var setPlatformHelpers = (helpers) => {
+  Object.assign(plt, helpers);
+};
+var supportsShadow = BUILD.shadowDom;
+var supportsListenerOptions = /* @__PURE__ */ (() => {
+  var _a;
+  let supportsListenerOptions2 = false;
+  try {
+    (_a = win.document) == null ? void 0 : _a.addEventListener(
+      "e",
+      null,
+      Object.defineProperty({}, "passive", {
+        get() {
+          supportsListenerOptions2 = true;
+        }
+      })
+    );
+  } catch (e) {
+  }
+  return supportsListenerOptions2;
+})();
+var promiseResolve = (v) => Promise.resolve(v);
+var supportsConstructableStylesheets = BUILD.constructableCSS ? /* @__PURE__ */ (() => {
+  try {
+    if (!win.document.adoptedStyleSheets) {
+      return false;
+    }
+    new CSSStyleSheet();
+    return typeof new CSSStyleSheet().replaceSync === "function";
+  } catch (e) {
+  }
+  return false;
+})() : false;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
+
+// src/client/client-task-queue.ts
+var queueCongestion = 0;
+var queuePending = false;
+var queueDomReads = [];
+var queueDomWrites = [];
+var queueDomWritesLow = [];
+var queueTask = (queue, write) => (cb) => {
+  queue.push(cb);
+  if (!queuePending) {
+    queuePending = true;
+    if (write && plt.$flags$ & 4 /* queueSync */) {
+      nextTick(flush);
+    } else {
+      plt.raf(flush);
+    }
+  }
+};
+var consume = (queue) => {
+  for (let i2 = 0; i2 < queue.length; i2++) {
+    try {
+      queue[i2](performance.now());
+    } catch (e) {
+      consoleError(e);
+    }
+  }
+  queue.length = 0;
+};
+var consumeTimeout = (queue, timeout) => {
+  let i2 = 0;
+  let ts = 0;
+  while (i2 < queue.length && (ts = performance.now()) < timeout) {
+    try {
+      queue[i2++](ts);
+    } catch (e) {
+      consoleError(e);
+    }
+  }
+  if (i2 === queue.length) {
+    queue.length = 0;
+  } else if (i2 !== 0) {
+    queue.splice(0, i2);
+  }
+};
+var flush = () => {
+  if (BUILD.asyncQueue) {
+    queueCongestion++;
+  }
+  consume(queueDomReads);
+  if (BUILD.asyncQueue) {
+    const timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */ ? performance.now() + 14 * Math.ceil(queueCongestion * (1 / 10)) : Infinity;
+    consumeTimeout(queueDomWrites, timeout);
+    consumeTimeout(queueDomWritesLow, timeout);
+    if (queueDomWrites.length > 0) {
+      queueDomWritesLow.push(...queueDomWrites);
+      queueDomWrites.length = 0;
+    }
+    if (queuePending = queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length > 0) {
+      plt.raf(flush);
+    } else {
+      queueCongestion = 0;
+    }
+  } else {
+    consume(queueDomWrites);
+    if (queuePending = queueDomReads.length > 0) {
+      plt.raf(flush);
+    }
+  }
+};
+var nextTick = (cb) => promiseResolve().then(cb);
+var readTask = /* @__PURE__ */ queueTask(queueDomReads, false);
+var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+
+// src/runtime/asset-path.ts
+var getAssetPath = (path) => {
+  const assetUrl = new URL(path, plt.$resourcesUrl$);
+  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
+var setAssetPath = (path) => plt.$resourcesUrl$ = path;
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  if (!styles2 || !supportsConstructableStylesheets) return void 0;
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(styles2);
+  return sheet;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
+var GLOBAL_STYLE_ID = "sc-global";
+function createShadowRoot(cmpMeta) {
+  var _a;
+  const opts = { mode: "open" };
+  if (BUILD.shadowDelegatesFocus) {
+    opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
+  }
+  if (BUILD.shadowSlotAssignmentManual) {
+    const isManual = !!(cmpMeta.$flags$ & 1024 /* shadowSlotAssignmentManual */);
+    if (isManual) {
+      opts.slotAssignment = "manual";
+    }
+  }
+  const shadowRoot = this.attachShadow(opts);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
+  } else if (globalStyles && !supportsConstructableStylesheets) {
+    const styleElm = document.createElement("style");
+    styleElm.innerHTML = globalStyles;
+    if (BUILD.hotModuleReplacement) {
+      styleElm.setAttribute(HYDRATED_STYLE_ID, GLOBAL_STYLE_ID);
+    }
+    shadowRoot.prepend(styleElm);
+  }
+}
+var updateFallbackSlotVisibility = (elm) => {
+  const childNodes = internalCall(elm, "childNodes");
+  if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
+    getHostSlotNodes(childNodes, elm.tagName).forEach((slotNode) => {
+      if (slotNode.nodeType === 1 /* ElementNode */ && slotNode.tagName === "SLOT-FB") {
+        if (getSlotChildSiblings(slotNode, getSlotName(slotNode), false).length) {
+          slotNode.hidden = true;
+        } else {
+          slotNode.hidden = false;
+        }
+      }
+    });
+  }
+  let i2 = 0;
+  for (i2 = 0; i2 < childNodes.length; i2++) {
+    const childNode = childNodes[i2];
+    if (childNode.nodeType === 1 /* ElementNode */ && internalCall(childNode, "childNodes").length) {
+      updateFallbackSlotVisibility(childNode);
+    }
+  }
+};
+var getSlottedChildNodes = (childNodes) => {
+  const result = [];
+  for (let i2 = 0; i2 < childNodes.length; i2++) {
+    const slottedNode = childNodes[i2]["s-nr"] || void 0;
+    if (slottedNode && slottedNode.isConnected) {
+      result.push(slottedNode);
+    }
+  }
+  return result;
+};
+function getHostSlotNodes(childNodes, hostName, slotName) {
+  let i2 = 0;
+  let slottedNodes = [];
+  let childNode;
+  for (; i2 < childNodes.length; i2++) {
+    childNode = childNodes[i2];
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName(childNode) === slotName)) {
+      slottedNodes.push(childNode);
+      if (typeof slotName !== "undefined") return slottedNodes;
+    }
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+  }
+  return slottedNodes;
+}
+var getSlotChildSiblings = (slot, slotName, includeSlot = true) => {
+  const childNodes = [];
+  if (includeSlot && slot["s-sr"] || !slot["s-sr"]) childNodes.push(slot);
+  let node = slot;
+  while (node = node.nextSibling) {
+    if (getSlotName(node) === slotName && (includeSlot || !node["s-sr"])) childNodes.push(node);
+  }
+  return childNodes;
+};
+var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
+  if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+    if (nodeToRelocate.getAttribute("slot") === null && slotName === "") {
+      return true;
+    }
+    if (nodeToRelocate.getAttribute("slot") === slotName) {
+      return true;
+    }
+    return false;
+  }
+  if (nodeToRelocate["s-sn"] === slotName) {
+    return true;
+  }
+  return slotName === "";
+};
+var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
+  if (newChild["s-ol"] && newChild["s-ol"].isConnected) {
+    return;
+  }
+  const slottedNodeLocation = document.createTextNode("");
+  slottedNodeLocation["s-nr"] = newChild;
+  if (!slotNode["s-cr"] || !slotNode["s-cr"].parentNode) return;
+  const parent = slotNode["s-cr"].parentNode;
+  const appendMethod = prepend ? internalCall(parent, "prepend") : internalCall(parent, "appendChild");
+  if (BUILD.hydrateClientSide && typeof position !== "undefined") {
+    slottedNodeLocation["s-oo"] = position;
+    const childNodes = internalCall(parent, "childNodes");
+    const slotRelocateNodes = [slottedNodeLocation];
+    childNodes.forEach((n) => {
+      if (n["s-nr"]) slotRelocateNodes.push(n);
+    });
+    slotRelocateNodes.sort((a, b) => {
+      if (!a["s-oo"] || a["s-oo"] < (b["s-oo"] || 0)) return -1;
+      else if (!b["s-oo"] || b["s-oo"] < a["s-oo"]) return 1;
+      return 0;
+    });
+    slotRelocateNodes.forEach((n) => appendMethod.call(parent, n));
+  } else {
+    appendMethod.call(parent, slottedNodeLocation);
+  }
+  newChild["s-ol"] = slottedNodeLocation;
+  newChild["s-sh"] = slotNode["s-hn"];
+};
+var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
+function patchSlotNode(node) {
+  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
+  const assignedFactory = (elementsOnly) => (function(opts) {
+    const toReturn = [];
+    const slotName = this["s-sn"];
+    if (opts == null ? void 0 : opts.flatten) {
+      console.error(`
+          Flattening is not supported for Stencil non-shadow slots.
+          You can use \`.childNodes\` to nested slot fallback content.
+          If you have a particular use case, please open an issue on the Stencil repo.
+        `);
+    }
+    const parent = this["s-cr"].parentElement;
+    const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
+    slottedNodes.forEach((n) => {
+      if (slotName === getSlotName(n)) {
+        toReturn.push(n);
+      }
+    });
+    if (elementsOnly) {
+      return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
+    }
+    return toReturn;
+  }).bind(node);
+  node.assignedElements = assignedFactory(true);
+  node.assignedNodes = assignedFactory(false);
+}
+function dispatchSlotChangeEvent(elm) {
+  elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
+}
+function findSlotFromSlottedNode(slottedNode, parentHost) {
+  var _a;
+  parentHost = parentHost || ((_a = slottedNode["s-ol"]) == null ? void 0 : _a.parentElement);
+  if (!parentHost) return { slotNode: null, slotName: "" };
+  const slotName = slottedNode["s-sn"] = getSlotName(slottedNode) || "";
+  const childNodes = internalCall(parentHost, "childNodes");
+  const slotNode = getHostSlotNodes(childNodes, parentHost.tagName, slotName)[0];
+  return { slotNode, slotName };
+}
+
+// src/runtime/dom-extras.ts
+var patchPseudoShadowDom = (hostElementPrototype) => {
+  patchCloneNode(hostElementPrototype);
+  patchSlotAppendChild(hostElementPrototype);
+  patchSlotAppend(hostElementPrototype);
+  patchSlotPrepend(hostElementPrototype);
+  patchSlotInsertAdjacentElement(hostElementPrototype);
+  patchSlotInsertAdjacentHTML(hostElementPrototype);
+  patchSlotInsertAdjacentText(hostElementPrototype);
+  patchInsertBefore(hostElementPrototype);
+  patchTextContent(hostElementPrototype);
+  patchChildSlotNodes(hostElementPrototype);
+  patchSlotRemoveChild(hostElementPrototype);
+};
+var patchCloneNode = (HostElementPrototype) => {
+  if (HostElementPrototype.__cloneNode) return;
+  const orgCloneNode = HostElementPrototype.__cloneNode = HostElementPrototype.cloneNode;
+  HostElementPrototype.cloneNode = function(deep) {
+    const srcNode = this;
+    const isShadowDom = BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
+    const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);
+    if (BUILD.slot && !isShadowDom && deep) {
+      let i2 = 0;
+      let slotted, nonStencilNode;
+      const stencilPrivates = [
+        "s-id",
+        "s-cr",
+        "s-lr",
+        "s-rc",
+        "s-sc",
+        "s-p",
+        "s-cn",
+        "s-sr",
+        "s-sn",
+        "s-hn",
+        "s-ol",
+        "s-nr",
+        "s-si",
+        "s-rf",
+        "s-scs"
+      ];
+      const childNodes = this.__childNodes || this.childNodes;
+      for (; i2 < childNodes.length; i2++) {
+        slotted = childNodes[i2]["s-nr"];
+        nonStencilNode = stencilPrivates.every((privateField) => !childNodes[i2][privateField]);
+        if (slotted) {
+          if (BUILD.appendChildSlotFix && clonedNode.__appendChild) {
+            clonedNode.__appendChild(slotted.cloneNode(true));
+          } else {
+            clonedNode.appendChild(slotted.cloneNode(true));
+          }
+        }
+        if (nonStencilNode) {
+          clonedNode.appendChild(childNodes[i2].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+var patchSlotAppendChild = (HostElementPrototype) => {
+  if (HostElementPrototype.__appendChild) return;
+  HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
+  HostElementPrototype.appendChild = function(newChild) {
+    const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
+    if (slotNode) {
+      addSlotRelocateNode(newChild, slotNode);
+      const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
+      const appendAfter = slotChildNodes[slotChildNodes.length - 1];
+      const parent = internalCall(appendAfter, "parentNode");
+      const insertedNode = internalCall(parent, "insertBefore")(newChild, appendAfter.nextSibling);
+      dispatchSlotChangeEvent(slotNode);
+      updateFallbackSlotVisibility(this);
+      return insertedNode;
+    }
+    return this.__appendChild(newChild);
+  };
+};
+var patchSlotRemoveChild = (ElementPrototype) => {
+  if (ElementPrototype.__removeChild) return;
+  ElementPrototype.__removeChild = ElementPrototype.removeChild;
+  ElementPrototype.removeChild = function(toRemove) {
+    if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
+      const childNodes = this.__childNodes || this.childNodes;
+      const slotNode = getHostSlotNodes(childNodes, this.tagName, toRemove["s-sn"]);
+      if (slotNode && toRemove.isConnected) {
+        toRemove.remove();
+        updateFallbackSlotVisibility(this);
+        return;
+      }
+    }
+    return this.__removeChild(toRemove);
+  };
+};
+var patchSlotPrepend = (HostElementPrototype) => {
+  if (HostElementPrototype.__prepend) return;
+  HostElementPrototype.__prepend = HostElementPrototype.prepend;
+  HostElementPrototype.prepend = function(...newChildren) {
+    newChildren.forEach((newChild) => {
+      if (typeof newChild === "string") {
+        newChild = this.ownerDocument.createTextNode(newChild);
+      }
+      const slotName = (newChild["s-sn"] = getSlotName(newChild)) || "";
+      const childNodes = internalCall(this, "childNodes");
+      const slotNode = getHostSlotNodes(childNodes, this.tagName, slotName)[0];
+      if (slotNode) {
+        addSlotRelocateNode(newChild, slotNode, true);
+        const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
+        const appendAfter = slotChildNodes[0];
+        const parent = internalCall(appendAfter, "parentNode");
+        const toReturn = internalCall(parent, "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
+        dispatchSlotChangeEvent(slotNode);
+        return toReturn;
+      }
+      if (newChild.nodeType === 1 && !!newChild.getAttribute("slot")) {
+        newChild.hidden = true;
+      }
+      return HostElementPrototype.__prepend(newChild);
+    });
+  };
+};
+var patchSlotAppend = (HostElementPrototype) => {
+  if (HostElementPrototype.__append) return;
+  HostElementPrototype.__append = HostElementPrototype.append;
+  HostElementPrototype.append = function(...newChildren) {
+    newChildren.forEach((newChild) => {
+      if (typeof newChild === "string") {
+        newChild = this.ownerDocument.createTextNode(newChild);
+      }
+      this.appendChild(newChild);
+    });
+  };
+};
+var patchSlotInsertAdjacentHTML = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentHTML) return;
+  const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;
+  HostElementPrototype.insertAdjacentHTML = function(position, text) {
+    if (position !== "afterbegin" && position !== "beforeend") {
+      return originalInsertAdjacentHtml.call(this, position, text);
+    }
+    const container = this.ownerDocument.createElement("_");
+    let node;
+    container.innerHTML = text;
+    if (position === "afterbegin") {
+      while (node = container.firstChild) {
+        this.prepend(node);
+      }
+    } else if (position === "beforeend") {
+      while (node = container.firstChild) {
+        this.append(node);
+      }
+    }
+  };
+};
+var patchSlotInsertAdjacentText = (HostElementPrototype) => {
+  HostElementPrototype.insertAdjacentText = function(position, text) {
+    this.insertAdjacentHTML(position, text);
+  };
+};
+var patchInsertBefore = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertBefore) return;
+  const eleProto = HostElementPrototype;
+  if (eleProto.__insertBefore) return;
+  eleProto.__insertBefore = HostElementPrototype.insertBefore;
+  HostElementPrototype.insertBefore = function(newChild, currentChild) {
+    const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
+    const slottedNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
+    if (slotNode) {
+      let found = false;
+      slottedNodes.forEach((childNode) => {
+        if (childNode === currentChild || currentChild === null) {
+          found = true;
+          if (currentChild === null || slotName !== currentChild["s-sn"]) {
+            this.appendChild(newChild);
+            return;
+          }
+          if (slotName === currentChild["s-sn"]) {
+            addSlotRelocateNode(newChild, slotNode);
+            const parent = internalCall(currentChild, "parentNode");
+            internalCall(parent, "insertBefore")(newChild, currentChild);
+            dispatchSlotChangeEvent(slotNode);
+          }
+          return;
+        }
+      });
+      if (found) return newChild;
+    }
+    const parentNode = currentChild == null ? void 0 : currentChild.__parentNode;
+    if (parentNode && !this.isSameNode(parentNode)) {
+      return this.appendChild(newChild);
+    }
+    return this.__insertBefore(newChild, currentChild);
+  };
+};
+var patchSlotInsertAdjacentElement = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentElement) return;
+  const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;
+  HostElementPrototype.insertAdjacentElement = function(position, element) {
+    if (position !== "afterbegin" && position !== "beforeend") {
+      return originalInsertAdjacentElement.call(this, position, element);
+    }
+    if (position === "afterbegin") {
+      this.prepend(element);
+      return element;
+    } else if (position === "beforeend") {
+      this.append(element);
+      return element;
+    }
+    return element;
+  };
+};
+var patchTextContent = (hostElementPrototype) => {
+  patchHostOriginalAccessor("textContent", hostElementPrototype);
+  Object.defineProperty(hostElementPrototype, "textContent", {
+    get: function() {
+      let text = "";
+      const childNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
+      childNodes.forEach((node) => text += node.textContent || "");
+      return text;
+    },
+    set: function(value) {
+      const childNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
+      childNodes.forEach((node) => {
+        if (node["s-ol"]) node["s-ol"].remove();
+        node.remove();
+      });
+      this.insertAdjacentHTML("beforeend", value);
+    }
+  });
+};
+var patchChildSlotNodes = (elm) => {
+  class FakeNodeList extends Array {
+    item(n) {
+      return this[n];
+    }
+  }
+  patchHostOriginalAccessor("children", elm);
+  Object.defineProperty(elm, "children", {
+    get() {
+      return this.childNodes.filter((n) => n.nodeType === 1);
+    }
+  });
+  Object.defineProperty(elm, "childElementCount", {
+    get() {
+      return this.children.length;
+    }
+  });
+  patchHostOriginalAccessor("firstChild", elm);
+  Object.defineProperty(elm, "firstChild", {
+    get() {
+      return this.childNodes[0];
+    }
+  });
+  patchHostOriginalAccessor("lastChild", elm);
+  Object.defineProperty(elm, "lastChild", {
+    get() {
+      return this.childNodes[this.childNodes.length - 1];
+    }
+  });
+  patchHostOriginalAccessor("childNodes", elm);
+  Object.defineProperty(elm, "childNodes", {
+    get() {
+      const result = new FakeNodeList();
+      result.push(...getSlottedChildNodes(this.__childNodes));
+      return result;
+    }
+  });
+};
+var patchSlottedNode = (node) => {
+  if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
+  patchNextSibling(node);
+  patchPreviousSibling(node);
+  patchParentNode(node);
+  if (node.nodeType === Node.ELEMENT_NODE) {
+    patchNextElementSibling(node);
+    patchPreviousElementSibling(node);
+  }
+};
+var patchNextSibling = (node) => {
+  if (!node || node.__nextSibling) return;
+  patchHostOriginalAccessor("nextSibling", node);
+  Object.defineProperty(node, "nextSibling", {
+    get: function() {
+      var _a;
+      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
+      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
+      if (parentNodes && index > -1) {
+        return parentNodes[index + 1];
+      }
+      return this.__nextSibling;
+    }
+  });
+};
+var patchNextElementSibling = (element) => {
+  if (!element || element.__nextElementSibling) return;
+  patchHostOriginalAccessor("nextElementSibling", element);
+  Object.defineProperty(element, "nextElementSibling", {
+    get: function() {
+      var _a;
+      const parentEles = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
+      const index = parentEles == null ? void 0 : parentEles.indexOf(this);
+      if (parentEles && index > -1) {
+        return parentEles[index + 1];
+      }
+      return this.__nextElementSibling;
+    }
+  });
+};
+var patchPreviousSibling = (node) => {
+  if (!node || node.__previousSibling) return;
+  patchHostOriginalAccessor("previousSibling", node);
+  Object.defineProperty(node, "previousSibling", {
+    get: function() {
+      var _a;
+      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
+      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
+      if (parentNodes && index > -1) {
+        return parentNodes[index - 1];
+      }
+      return this.__previousSibling;
+    }
+  });
+};
+var patchPreviousElementSibling = (element) => {
+  if (!element || element.__previousElementSibling) return;
+  patchHostOriginalAccessor("previousElementSibling", element);
+  Object.defineProperty(element, "previousElementSibling", {
+    get: function() {
+      var _a;
+      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
+      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
+      if (parentNodes && index > -1) {
+        return parentNodes[index - 1];
+      }
+      return this.__previousElementSibling;
+    }
+  });
+};
+var patchParentNode = (node) => {
+  if (!node || node.__parentNode) return;
+  patchHostOriginalAccessor("parentNode", node);
+  Object.defineProperty(node, "parentNode", {
+    get: function() {
+      var _a;
+      return ((_a = this["s-ol"]) == null ? void 0 : _a.parentNode) || this.__parentNode;
+    },
+    set: function(value) {
+      this.__parentNode = value;
+    }
+  });
+};
+var validElementPatches = ["children", "nextElementSibling", "previousElementSibling"];
+var validNodesPatches = [
+  "childNodes",
+  "firstChild",
+  "lastChild",
+  "nextSibling",
+  "previousSibling",
+  "textContent",
+  "parentNode"
+];
+function patchHostOriginalAccessor(accessorName, node) {
+  if (!globalThis.Node || !globalThis.Element) {
+    return;
+  }
+  let accessor;
+  if (validElementPatches.includes(accessorName)) {
+    accessor = Object.getOwnPropertyDescriptor(Element.prototype, accessorName);
+  } else if (validNodesPatches.includes(accessorName)) {
+    accessor = Object.getOwnPropertyDescriptor(Node.prototype, accessorName);
+  }
+  if (!accessor) {
+    accessor = Object.getOwnPropertyDescriptor(node, accessorName);
+  }
+  if (accessor) Object.defineProperty(node, "__" + accessorName, accessor);
+}
+function internalCall(node, method) {
+  if ("__" + method in node) {
+    const toReturn = node["__" + method];
+    if (typeof toReturn !== "function") return toReturn;
+    return toReturn.bind(node);
+  } else {
+    if (typeof node[method] !== "function") return node[method];
+    return node[method].bind(node);
+  }
+}
+var i = 0;
+var createTime = (fnName, tagName = "") => {
+  if (BUILD.profile && performance.mark) {
+    const key = `st:${fnName}:${tagName}:${i++}`;
+    performance.mark(key);
+    return () => performance.measure(`[Stencil] ${fnName}() <${tagName}>`, key);
+  } else {
+    return () => {
+      return;
+    };
+  }
+};
+var uniqueTime = (key, measureText) => {
+  if (BUILD.profile && performance.mark) {
+    if (performance.getEntriesByName(key, "mark").length === 0) {
+      performance.mark(key);
+    }
+    return () => {
+      if (performance.getEntriesByName(measureText, "measure").length === 0) {
+        performance.measure(measureText, key);
+      }
+    };
+  } else {
+    return () => {
+      return;
+    };
+  }
+};
+var inspect = (ref) => {
+  const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return void 0;
+  }
+  const flags = hostRef.$flags$;
+  const hostElement = hostRef.$hostElement$;
+  return {
+    renderCount: hostRef.$renderCount$,
+    flags: {
+      hasRendered: !!(flags & 2 /* hasRendered */),
+      hasConnected: !!(flags & 1 /* hasConnected */),
+      isWaitingForChildren: !!(flags & 4 /* isWaitingForChildren */),
+      isConstructingInstance: !!(flags & 8 /* isConstructingInstance */),
+      isQueuedForUpdate: !!(flags & 16 /* isQueuedForUpdate */),
+      hasInitializedComponent: !!(flags & 32 /* hasInitializedComponent */),
+      hasLoadedComponent: !!(flags & 64 /* hasLoadedComponent */),
+      isWatchReady: !!(flags & 128 /* isWatchReady */),
+      isListenReady: !!(flags & 256 /* isListenReady */),
+      needsRerender: !!(flags & 512 /* needsRerender */)
+    },
+    instanceValues: hostRef.$instanceValues$,
+    serializerValues: hostRef.$serializerValues$,
+    ancestorComponent: hostRef.$ancestorComponent$,
+    hostElement,
+    lazyInstance: hostRef.$lazyInstance$,
+    vnode: hostRef.$vnode$,
+    modeName: hostRef.$modeName$,
+    fetchedCbList: hostRef.$fetchedCbList$,
+    onReadyPromise: hostRef.$onReadyPromise$,
+    onReadyResolve: hostRef.$onReadyResolve$,
+    onInstancePromise: hostRef.$onInstancePromise$,
+    onInstanceResolve: hostRef.$onInstanceResolve$,
+    onRenderResolve: hostRef.$onRenderResolve$,
+    queuedListeners: hostRef.$queuedListeners$,
+    rmListeners: hostRef.$rmListeners$,
+    ["s-id"]: hostElement["s-id"],
+    ["s-cr"]: hostElement["s-cr"],
+    ["s-lr"]: hostElement["s-lr"],
+    ["s-p"]: hostElement["s-p"],
+    ["s-rc"]: hostElement["s-rc"],
+    ["s-sc"]: hostElement["s-sc"]
+  };
+};
+var installDevTools = () => {
+  if (BUILD.devTools) {
+    const stencil = win.stencil = win.stencil || {};
+    const originalInspect = stencil.inspect;
+    stencil.inspect = (ref) => {
+      let result = inspect(ref);
+      if (!result && typeof originalInspect === "function") {
+        result = originalInspect(ref);
+      }
+      return result;
+    };
+  }
+};
+
+// src/utils/query-nonce-meta-tag-content.ts
+function queryNonceMetaTagContent(doc) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+}
+
+// src/runtime/styles.ts
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a, _b, _c;
+  const scopeId2 = getScopeId(cmpMeta, mode);
+  const style = styles.get(scopeId2);
+  if (!BUILD.attachStyles || !win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      const existingStyleElm = (BUILD.hydrateClientSide || BUILD.hotModuleReplacement) && styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
+      if (existingStyleElm) {
+        existingStyleElm.textContent = style;
+      } else if (!appliedStyles.has(scopeId2)) {
+        styleElm = win.document.createElement("style");
+        styleElm.textContent = style;
+        const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+        if (nonce != null) {
+          styleElm.setAttribute("nonce", nonce);
+        }
+        if ((BUILD.hydrateServerSide || BUILD.hotModuleReplacement) && (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */ || cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+          styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
+        }
+        if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+          if (styleContainerNode.nodeName === "HEAD") {
+            const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+            const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+            styleContainerNode.insertBefore(
+              styleElm,
+              (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+            );
+          } else if ("host" in styleContainerNode) {
+            if (supportsConstructableStylesheets) {
+              const currentWindow = (_b = styleContainerNode.defaultView) != null ? _b : styleContainerNode.ownerDocument.defaultView;
+              const stylesheet = new currentWindow.CSSStyleSheet();
+              stylesheet.replaceSync(style);
+              if (supportsMutableAdoptedStyleSheets) {
+                styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+              } else {
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+              }
+            } else {
+              const existingStyleContainer = styleContainerNode.querySelector("style");
+              if (existingStyleContainer) {
+                existingStyleContainer.textContent = style + existingStyleContainer.textContent;
+              } else {
+                styleContainerNode.prepend(styleElm);
+              }
+            }
+          } else {
+            styleContainerNode.append(styleElm);
+          }
+        }
+        if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+          styleContainerNode.insertBefore(styleElm, null);
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.textContent += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (BUILD.constructableCSS) {
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        const currentWindow = (_c = styleContainerNode.defaultView) != null ? _c : styleContainerNode.ownerDocument.defaultView;
+        let stylesheet;
+        if (style.constructor === currentWindow.CSSStyleSheet) {
+          stylesheet = style;
+        } else {
+          stylesheet = new currentWindow.CSSStyleSheet();
+          for (let i2 = 0; i2 < style.cssRules.length; i2++) {
+            stylesheet.insertRule(style.cssRules[i2].cssText, i2);
+          }
+        }
+        if (supportsMutableAdoptedStyleSheets) {
+          styleContainerNode.adoptedStyleSheets.push(stylesheet);
+        } else {
+          styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
+        }
+        appliedStyles.add(scopeId2);
+        if (BUILD.hydrateClientSide && "host" in styleContainerNode) {
+          const ssrStyleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
+          if (ssrStyleElm) {
+            writeTask(() => ssrStyleElm.remove());
+          }
+        }
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    BUILD.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta,
+    hostRef.$modeName$
+  );
+  if ((BUILD.shadowDom || BUILD.scoped) && BUILD.cssAnnotations && flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (BUILD.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
+var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
+var hydrateScopedToShadow = () => {
+  if (!win.document) {
+    return;
+  }
+  const styles2 = win.document.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
+  let i2 = 0;
+  for (; i2 < styles2.length; i2++) {
+    registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
+  }
+};
+
+// src/utils/helpers.ts
+var isDef = (v) => v != null && v !== void 0;
+var isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
+};
+
+// src/runtime/vdom/h.ts
+var h = (nodeName, vnodeData, ...children) => {
+  if (typeof nodeName === "string") {
+    nodeName = transformTag(nodeName);
+  }
+  let child = null;
+  let key = null;
+  let slotName = null;
+  let simple = false;
+  let lastSimple = false;
+  const vNodeChildren = [];
+  const walk = (c) => {
+    for (let i2 = 0; i2 < c.length; i2++) {
+      child = c[i2];
+      if (Array.isArray(child)) {
+        walk(child);
+      } else if (child != null && typeof child !== "boolean") {
+        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+          child = String(child);
+        } else if (BUILD.isDev && typeof nodeName !== "function" && child.$flags$ === void 0) {
+          consoleDevError(`vNode passed as children has unexpected type.
+Make sure it's using the correct h() function.
+Empty objects can also be the cause, look for JSX comments that became objects.`);
+        }
+        if (simple && lastSimple) {
+          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+        } else {
+          vNodeChildren.push(simple ? newVNode(null, child) : child);
+        }
+        lastSimple = simple;
+      }
+    }
+  };
+  walk(children);
+  if (vnodeData) {
+    if (BUILD.isDev && nodeName === "input") {
+      validateInputProperties(vnodeData);
+    }
+    if (BUILD.vdomKey && vnodeData.key) {
+      key = vnodeData.key;
+    }
+    if (BUILD.slotRelocation && vnodeData.name) {
+      slotName = vnodeData.name;
+    }
+    if (BUILD.vdomClass) {
+      const classData = vnodeData.className || vnodeData.class;
+      if (classData) {
+        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+      }
+    }
+  }
+  if (BUILD.isDev && vNodeChildren.some(isHost)) {
+    consoleDevError(`The <Host> must be the single root component. Make sure:
+- You are NOT using hostData() and <Host> in the same component.
+- <Host> is used once, and it's the single root component of the render() function.`);
+  }
+  if (BUILD.vdomFunctional && typeof nodeName === "function") {
+    return nodeName(
+      vnodeData === null ? {} : vnodeData,
+      vNodeChildren,
+      vdomFnUtils
+    );
+  }
+  const vnode = newVNode(nodeName, null);
+  vnode.$attrs$ = vnodeData;
+  if (vNodeChildren.length > 0) {
+    vnode.$children$ = vNodeChildren;
+  }
+  if (BUILD.vdomKey) {
+    vnode.$key$ = key;
+  }
+  if (BUILD.slotRelocation) {
+    vnode.$name$ = slotName;
+  }
+  return vnode;
+};
+var newVNode = (tag, text) => {
+  const vnode = {
+    $flags$: 0,
+    $tag$: tag,
+    // Normalize undefined to null to prevent rendering "undefined" as text
+    $text$: text != null ? text : null,
+    $elm$: null,
+    $children$: null
+  };
+  if (BUILD.vdomAttribute) {
+    vnode.$attrs$ = null;
+  }
+  if (BUILD.vdomKey) {
+    vnode.$key$ = null;
+  }
+  if (BUILD.slotRelocation) {
+    vnode.$name$ = null;
+  }
+  return vnode;
+};
+var Host = {};
+var isHost = (node) => node && node.$tag$ === Host;
+var vdomFnUtils = {
+  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
+  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+var convertToPublic = (node) => ({
+  vattrs: node.$attrs$,
+  vchildren: node.$children$,
+  vkey: node.$key$,
+  vname: node.$name$,
+  vtag: node.$tag$,
+  vtext: node.$text$
+});
+var convertToPrivate = (node) => {
+  if (typeof node.vtag === "function") {
+    const vnodeData = { ...node.vattrs };
+    if (node.vkey) {
+      vnodeData.key = node.vkey;
+    }
+    if (node.vname) {
+      vnodeData.name = node.vname;
+    }
+    return h(node.vtag, vnodeData, ...node.vchildren || []);
+  }
+  const vnode = newVNode(node.vtag, node.vtext);
+  vnode.$attrs$ = node.vattrs;
+  vnode.$children$ = node.vchildren;
+  vnode.$key$ = node.vkey;
+  vnode.$name$ = node.vname;
+  return vnode;
+};
+var validateInputProperties = (inputElm) => {
+  const props = Object.keys(inputElm);
+  const value = props.indexOf("value");
+  if (value === -1) {
+    return;
+  }
+  const typeIndex = props.indexOf("type");
+  const minIndex = props.indexOf("min");
+  const maxIndex = props.indexOf("max");
+  const stepIndex = props.indexOf("step");
+  if (value < typeIndex || value < minIndex || value < maxIndex || value < stepIndex) {
+    consoleDevWarn(`The "value" prop of <input> should be set after "min", "max", "type" and "step"`);
+  }
+};
+
+// src/runtime/client-hydrate.ts
+var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
+  var _a, _b, _c, _d;
+  const endHydrate = createTime("hydrateClient", tagName);
+  const shadowRoot = hostElm.shadowRoot;
+  const childRenderNodes = [];
+  const slotNodes = [];
+  const slottedNodes = [];
+  const shadowRootNodes = BUILD.shadowDom && shadowRoot ? [] : null;
+  const vnode = newVNode(tagName, null);
+  vnode.$elm$ = hostElm;
+  let scopeId2;
+  if (BUILD.scoped) {
+    const cmpMeta = hostRef.$cmpMeta$;
+    if (cmpMeta && cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */ && hostElm["s-sc"]) {
+      scopeId2 = hostElm["s-sc"];
+      hostElm.classList.add(scopeId2 + "-h");
+    } else if (hostElm["s-sc"]) {
+      delete hostElm["s-sc"];
+    }
+  }
+  if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
+    initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
+  }
+  hostElm[HYDRATE_ID] = hostId;
+  hostElm.removeAttribute(HYDRATE_ID);
+  hostRef.$vnode$ = clientHydrate(
+    vnode,
+    childRenderNodes,
+    slotNodes,
+    shadowRootNodes,
+    hostElm,
+    hostElm,
+    hostId,
+    slottedNodes
+  );
+  let crIndex = 0;
+  const crLength = childRenderNodes.length;
+  let childRenderNode;
+  for (crIndex; crIndex < crLength; crIndex++) {
+    childRenderNode = childRenderNodes[crIndex];
+    const orgLocationId = childRenderNode.$hostId$ + "." + childRenderNode.$nodeId$;
+    const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
+    const node = childRenderNode.$elm$;
+    if (!shadowRoot) {
+      node["s-hn"] = transformTag(tagName).toUpperCase();
+      if (childRenderNode.$tag$ === "slot") {
+        node["s-cr"] = hostElm["s-cr"];
+      }
+    } else if (((_a = childRenderNode.$tag$) == null ? void 0 : _a.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
+      const cmpMeta = getHostRef(childRenderNode.$elm$);
+      if (cmpMeta) {
+        const scopeId3 = getScopeId(
+          cmpMeta.$cmpMeta$,
+          BUILD.mode ? childRenderNode.$elm$.getAttribute("s-mode") : void 0
+        );
+        const styleSheet = win.document.querySelector(`style[sty-id="${scopeId3}"]`);
+        if (styleSheet) {
+          shadowRootNodes.unshift(styleSheet.cloneNode(true));
+        }
+      }
+    }
+    if (childRenderNode.$tag$ === "slot") {
+      childRenderNode.$name$ = childRenderNode.$elm$["s-sn"] || childRenderNode.$elm$["name"] || null;
+      if (childRenderNode.$children$) {
+        childRenderNode.$flags$ |= 2 /* isSlotFallback */;
+        if (!childRenderNode.$elm$.childNodes.length) {
+          childRenderNode.$children$.forEach((c) => {
+            childRenderNode.$elm$.appendChild(c.$elm$);
+          });
+        }
+      } else {
+        childRenderNode.$flags$ |= 1 /* isSlotReference */;
+      }
+    }
+    if (orgLocationNode && orgLocationNode.isConnected) {
+      if (orgLocationNode.parentElement.shadowRoot && orgLocationNode["s-en"] === "") {
+        orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
+      }
+      orgLocationNode.parentNode.removeChild(orgLocationNode);
+      if (!shadowRoot) {
+        node["s-oo"] = parseInt(childRenderNode.$nodeId$);
+      }
+    }
+    if (orgLocationNode && !orgLocationNode["s-id"]) {
+      plt.$orgLocNodes$.delete(orgLocationId);
+    }
+  }
+  const hosts = [];
+  const snLen = slottedNodes.length;
+  let snIndex = 0;
+  let slotGroup;
+  let snGroupIdx;
+  let snGroupLen;
+  let slottedItem;
+  let currentPos = 0;
+  for (snIndex; snIndex < snLen; snIndex++) {
+    slotGroup = slottedNodes[snIndex];
+    if (!slotGroup || !slotGroup.length) continue;
+    snGroupLen = slotGroup.length;
+    snGroupIdx = 0;
+    for (snGroupIdx; snGroupIdx < snGroupLen; snGroupIdx++) {
+      slottedItem = slotGroup[snGroupIdx];
+      if (!hosts[slottedItem.hostId]) {
+        hosts[slottedItem.hostId] = plt.$orgLocNodes$.get(slottedItem.hostId);
+      }
+      if (!hosts[slottedItem.hostId]) continue;
+      const hostEle = hosts[slottedItem.hostId];
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.insertBefore(slottedItem.node, (_c = (_b = slotGroup[snGroupIdx - 1]) == null ? void 0 : _b.node) == null ? void 0 : _c.nextSibling);
+      }
+      if (!hostEle.shadowRoot || !shadowRoot) {
+        if (!slottedItem.slot["s-cr"]) {
+          slottedItem.slot["s-cr"] = hostEle["s-cr"];
+          if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
+            slottedItem.slot["s-cr"] = hostEle;
+          } else {
+            slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
+          }
+        }
+        addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"] || currentPos);
+        if (((_d = slottedItem.node.parentElement) == null ? void 0 : _d.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+          slottedItem.node.removeAttribute("slot");
+        }
+        if (BUILD.experimentalSlotFixes) {
+          patchSlottedNode(slottedItem.node);
+        }
+      }
+      currentPos = (slottedItem.node["s-oo"] || currentPos) + 1;
+    }
+  }
+  if (BUILD.scoped && scopeId2 && slotNodes.length) {
+    slotNodes.forEach((slot) => {
+      slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
+    });
+  }
+  if (BUILD.shadowDom && shadowRoot && !shadowRoot.childNodes.length) {
+    let rnIdex = 0;
+    const rnLen = shadowRootNodes.length;
+    if (rnLen) {
+      for (rnIdex; rnIdex < rnLen; rnIdex++) {
+        const node = shadowRootNodes[rnIdex];
+        if (node) {
+          shadowRoot.appendChild(node);
+        }
+      }
+      Array.from(hostElm.childNodes).forEach((node) => {
+        if (typeof node["s-en"] !== "string" && typeof node["s-sn"] !== "string") {
+          if (node.nodeType === 1 /* ElementNode */ && node.slot && node.hidden) {
+            node.removeAttribute("hidden");
+          } else if (node.nodeType === 8 /* CommentNode */ && !node.nodeValue) {
+            node.parentNode.removeChild(node);
+          }
+        }
+      });
+    }
+  }
+  hostRef.$hostElement$ = hostElm;
+  endHydrate();
+};
+var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId, slottedNodes = []) => {
+  let childNodeType;
+  let childIdSplt;
+  let childVNode;
+  let i2;
+  const scopeId2 = hostElm["s-sc"];
+  if (node.nodeType === 1 /* ElementNode */) {
+    childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
+    if (childNodeType) {
+      childIdSplt = childNodeType.split(".");
+      if (childIdSplt[0] === hostId || childIdSplt[0] === "0") {
+        childVNode = createSimpleVNode({
+          $flags$: 0,
+          $hostId$: childIdSplt[0],
+          $nodeId$: childIdSplt[1],
+          $depth$: childIdSplt[2],
+          $index$: childIdSplt[3],
+          $tag$: node.tagName.toLowerCase(),
+          $elm$: node,
+          // If we don't add the initial classes to the VNode, the first `vdom-render.ts` patch
+          // won't try to reconcile them. Classes set on the node will be blown away.
+          $attrs$: { class: node.className || "" }
+        });
+        childRenderNodes.push(childVNode);
+        node.removeAttribute(HYDRATE_CHILD_ID);
+        if (!parentVNode.$children$) {
+          parentVNode.$children$ = [];
+        }
+        if (BUILD.scoped && scopeId2 && childIdSplt[0] === hostId) {
+          node["s-si"] = scopeId2;
+          childVNode.$attrs$.class += " " + scopeId2;
+        }
+        const slotName = childVNode.$elm$.getAttribute("s-sn");
+        if (typeof slotName === "string") {
+          if (childVNode.$tag$ === "slot-fb") {
+            addSlot(
+              slotName,
+              childIdSplt[2],
+              childVNode,
+              node,
+              parentVNode,
+              childRenderNodes,
+              slotNodes,
+              shadowRootNodes,
+              slottedNodes
+            );
+            if (BUILD.scoped && scopeId2) {
+              node.classList.add(scopeId2);
+            }
+          }
+          childVNode.$elm$["s-sn"] = slotName;
+          childVNode.$elm$.removeAttribute("s-sn");
+        }
+        if (childVNode.$index$ !== void 0) {
+          parentVNode.$children$[childVNode.$index$] = childVNode;
+        }
+        parentVNode = childVNode;
+        if (shadowRootNodes && childVNode.$depth$ === "0") {
+          shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+        }
+      }
+    }
+    if (node.shadowRoot) {
+      for (i2 = node.shadowRoot.childNodes.length - 1; i2 >= 0; i2--) {
+        clientHydrate(
+          parentVNode,
+          childRenderNodes,
+          slotNodes,
+          shadowRootNodes,
+          hostElm,
+          node.shadowRoot.childNodes[i2],
+          hostId,
+          slottedNodes
+        );
+      }
+    }
+    const nonShadowNodes = node.__childNodes || node.childNodes;
+    for (i2 = nonShadowNodes.length - 1; i2 >= 0; i2--) {
+      clientHydrate(
+        parentVNode,
+        childRenderNodes,
+        slotNodes,
+        shadowRootNodes,
+        hostElm,
+        nonShadowNodes[i2],
+        hostId,
+        slottedNodes
+      );
+    }
+  } else if (node.nodeType === 8 /* CommentNode */) {
+    childIdSplt = node.nodeValue.split(".");
+    if (childIdSplt[1] === hostId || childIdSplt[1] === "0") {
+      childNodeType = childIdSplt[0];
+      childVNode = createSimpleVNode({
+        $hostId$: childIdSplt[1],
+        $nodeId$: childIdSplt[2],
+        $depth$: childIdSplt[3],
+        $index$: childIdSplt[4] || "0",
+        $elm$: node,
+        $attrs$: null,
+        $children$: null,
+        $key$: null,
+        $name$: null,
+        $tag$: null,
+        $text$: null
+      });
+      if (childNodeType === TEXT_NODE_ID) {
+        childVNode.$elm$ = findCorrespondingNode(node, 3 /* TextNode */);
+        if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
+          childVNode.$text$ = childVNode.$elm$.textContent;
+          childRenderNodes.push(childVNode);
+          node.remove();
+          if (hostId === childVNode.$hostId$) {
+            if (!parentVNode.$children$) {
+              parentVNode.$children$ = [];
+            }
+            parentVNode.$children$[childVNode.$index$] = childVNode;
+          }
+          if (shadowRootNodes && childVNode.$depth$ === "0") {
+            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+          }
+        }
+      } else if (childNodeType === COMMENT_NODE_ID) {
+        childVNode.$elm$ = findCorrespondingNode(node, 8 /* CommentNode */);
+        if (childVNode.$elm$ && childVNode.$elm$.nodeType === 8 /* CommentNode */) {
+          childRenderNodes.push(childVNode);
+          node.remove();
+        }
+      } else if (childVNode.$hostId$ === hostId) {
+        if (childNodeType === SLOT_NODE_ID) {
+          const slotName = node["s-sn"] = childIdSplt[5] || "";
+          addSlot(
+            slotName,
+            childIdSplt[2],
+            childVNode,
+            node,
+            parentVNode,
+            childRenderNodes,
+            slotNodes,
+            shadowRootNodes,
+            slottedNodes
+          );
+        } else if (childNodeType === CONTENT_REF_ID) {
+          if (BUILD.shadowDom && shadowRootNodes) {
+            node.remove();
+          } else if (BUILD.slotRelocation) {
+            hostElm["s-cr"] = node;
+            node["s-cn"] = true;
+          }
+        }
+      }
+    }
+  } else if (parentVNode && parentVNode.$tag$ === "style") {
+    const vnode = newVNode(null, node.textContent);
+    vnode.$elm$ = node;
+    vnode.$index$ = "0";
+    parentVNode.$children$ = [vnode];
+  }
+  return parentVNode;
+};
+var initializeDocumentHydrate = (node, orgLocNodes) => {
+  if (node.nodeType === 1 /* ElementNode */) {
+    const componentId = node[HYDRATE_ID] || node.getAttribute(HYDRATE_ID);
+    if (componentId) {
+      orgLocNodes.set(componentId, node);
+    }
+    let i2 = 0;
+    if (node.shadowRoot) {
+      for (; i2 < node.shadowRoot.childNodes.length; i2++) {
+        initializeDocumentHydrate(node.shadowRoot.childNodes[i2], orgLocNodes);
+      }
+    }
+    const nonShadowNodes = node.__childNodes || node.childNodes;
+    for (i2 = 0; i2 < nonShadowNodes.length; i2++) {
+      initializeDocumentHydrate(nonShadowNodes[i2], orgLocNodes);
+    }
+  } else if (node.nodeType === 8 /* CommentNode */) {
+    const childIdSplt = node.nodeValue.split(".");
+    if (childIdSplt[0] === ORG_LOCATION_ID) {
+      orgLocNodes.set(childIdSplt[1] + "." + childIdSplt[2], node);
+      node.nodeValue = "";
+      node["s-en"] = childIdSplt[3];
+    }
+  }
+};
+var createSimpleVNode = (vnode) => {
+  const defaultVNode = {
+    $flags$: 0,
+    $hostId$: null,
+    $nodeId$: null,
+    $depth$: null,
+    $index$: "0",
+    $elm$: null,
+    $attrs$: null,
+    $children$: null,
+    $key$: null,
+    $name$: null,
+    $tag$: null,
+    $text$: null
+  };
+  return { ...defaultVNode, ...vnode };
+};
+function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNodes, slotNodes, shadowRootNodes, slottedNodes) {
+  node["s-sr"] = true;
+  childVNode.$name$ = slotName || null;
+  childVNode.$tag$ = "slot";
+  const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
+  if (BUILD.shadowDom && shadowRootNodes && win.document) {
+    const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
+    if (childVNode.$name$) {
+      childVNode.$elm$.setAttribute("name", slotName);
+    }
+    if (parentVNode.$elm$.shadowRoot && parentNodeId && parentNodeId !== childVNode.$hostId$) {
+      internalCall(parentVNode.$elm$, "insertBefore")(slot, internalCall(parentVNode.$elm$, "children")[0]);
+    } else {
+      internalCall(internalCall(node, "parentNode"), "insertBefore")(slot, node);
+    }
+    addSlottedNodes(slottedNodes, slotId, slotName, node, childVNode.$hostId$);
+    node.remove();
+    if (childVNode.$depth$ === "0") {
+      shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+    }
+  } else {
+    const slot = childVNode.$elm$;
+    const shouldMove = parentNodeId && parentNodeId !== childVNode.$hostId$ && parentVNode.$elm$.shadowRoot;
+    addSlottedNodes(slottedNodes, slotId, slotName, node, shouldMove ? parentNodeId : childVNode.$hostId$);
+    patchSlotNode(node);
+    if (shouldMove) {
+      parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
+    }
+  }
+  childRenderNodes.push(childVNode);
+  slotNodes.push(childVNode);
+  if (!parentVNode.$children$) {
+    parentVNode.$children$ = [];
+  }
+  parentVNode.$children$[childVNode.$index$] = childVNode;
+}
+var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
+  var _a, _b;
+  let slottedNode = slotNode.nextSibling;
+  slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
+  if (!slottedNode || ((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith(SLOT_NODE_ID + "."))) return;
+  do {
+    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (!slottedNode["getAttribute"] || !slottedNode.getAttribute("slot")) && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
+      slottedNode["s-sn"] = slotName;
+      slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
+    }
+    slottedNode = slottedNode == null ? void 0 : slottedNode.nextSibling;
+  } while (slottedNode && !((_b = slottedNode.nodeValue) == null ? void 0 : _b.startsWith(SLOT_NODE_ID + ".")));
+};
+var findCorrespondingNode = (node, type) => {
+  let sibling = node;
+  do {
+    sibling = sibling.nextSibling;
+  } while (sibling && (sibling.nodeType !== type || !sibling.nodeValue));
+  return sibling;
+};
+
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
+// src/utils/shadow-css.ts
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+var safeSelector = (selector) => {
+  const placeholders = [];
+  let index = 0;
+  selector = selector.replace(/(\[\s*part~=\s*("[^"]*"|'[^']*')\s*\])/g, (_, keep) => {
+    const replaceBy = `__part-${index}__`;
+    placeholders.push(keep);
+    index++;
+    return replaceBy;
+  });
+  selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(keep);
+    index++;
+    return replaceBy;
+  });
+  const content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(exp);
+    index++;
+    return pseudo + replaceBy;
+  });
+  const ss = {
+    content,
+    placeholders
+  };
+  return ss;
+};
+var restoreSafeSelector = (placeholders, content) => {
+  content = content.replace(/__part-(\d+)__/g, (_, index) => placeholders[+index]);
+  return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
+};
+var _polyfillHost = "-shadowcsshost";
+var _polyfillSlotted = "-shadowcssslotted";
+var _polyfillHostContext = "-shadowcsscontext";
+var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
+var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
+var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
+var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
+var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
+var _safePartRe = /__part-(\d+)__/g;
+var _selectorReSuffix = "([>\\s~+[.,{:][\\s\\S]*)?$";
+var _polyfillHostRe = /-shadowcsshost/gim;
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
+};
+var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+var stripComments = (input) => {
+  return input.replace(_commentRe, "");
+};
+var _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+var extractCommentsWithHash = (input) => {
+  return input.match(_commentWithHashRe) || [];
+};
+var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+var _curlyRe = /([{}])/g;
+var _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
+var OPEN_CURLY = "{";
+var CLOSE_CURLY = "}";
+var BLOCK_PLACEHOLDER = "%BLOCK%";
+var processRules = (input, ruleCallback) => {
+  const inputWithEscapedBlocks = escapeBlocks(input);
+  let nextBlockIndex = 0;
+  return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
+    const selector = m[2];
+    let content = "";
+    let suffix = m[4];
+    let contentPrefix = "";
+    if (suffix && suffix.startsWith("{" + BLOCK_PLACEHOLDER)) {
+      content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+      suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+      contentPrefix = "{";
+    }
+    const cssRule = {
+      selector,
+      content
+    };
+    const rule = ruleCallback(cssRule);
+    return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
+  });
+};
+var escapeBlocks = (input) => {
+  const inputParts = input.split(_curlyRe);
+  const resultParts = [];
+  const escapedBlocks = [];
+  let bracketCount = 0;
+  let currentBlockParts = [];
+  for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
+    const part = inputParts[partIndex];
+    if (part === CLOSE_CURLY) {
+      bracketCount--;
+    }
+    if (bracketCount > 0) {
+      currentBlockParts.push(part);
+    } else {
+      if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(""));
+        resultParts.push(BLOCK_PLACEHOLDER);
+        currentBlockParts = [];
+      }
+      resultParts.push(part);
+    }
+    if (part === OPEN_CURLY) {
+      bracketCount++;
+    }
+  }
+  if (currentBlockParts.length > 0) {
+    escapedBlocks.push(currentBlockParts.join(""));
+    resultParts.push(BLOCK_PLACEHOLDER);
+  }
+  const strEscapedBlocks = {
+    escapedString: resultParts.join(""),
+    blocks: escapedBlocks
+  };
+  return strEscapedBlocks;
+};
+var insertPolyfillHostInCssText = (cssText) => {
+  const supportsBlocks = [];
+  cssText = cssText.replace(/@supports\s+selector\s*\(\s*([^)]*)\s*\)/g, (_, selectorContent) => {
+    const placeholder = `__supports_${supportsBlocks.length}__`;
+    supportsBlocks.push(selectorContent);
+    return `@supports selector(${placeholder})`;
+  });
+  const _colonSlottedRe = createSupportsRuleRe("::slotted");
+  const _colonHostRe = createSupportsRuleRe(":host");
+  const _colonHostContextRe = createSupportsRuleRe(":host-context");
+  cssText = cssText.replace(_colonHostContextRe, `$1${_polyfillHostContext}`).replace(_colonHostRe, `$1${_polyfillHost}`).replace(_colonSlottedRe, `$1${_polyfillSlotted}`);
+  supportsBlocks.forEach((originalSelector, index) => {
+    cssText = cssText.replace(`__supports_${index}__`, originalSelector);
+  });
+  return cssText;
+};
+var convertColonRule = (cssText, regExp, partReplacer) => {
+  return cssText.replace(regExp, (...m) => {
+    if (m[2]) {
+      const parts = m[2].split(",");
+      const r = [];
+      for (let i2 = 0; i2 < parts.length; i2++) {
+        const p = parts[i2].trim();
+        if (!p) break;
+        r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+      }
+      return r.join(",");
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+};
+var colonHostPartReplacer = (host, part, suffix) => {
+  return host + part.replace(_polyfillHost, "") + suffix;
+};
+var convertColonHost = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
+};
+var colonHostContextPartReplacer = (host, part, suffix) => {
+  if (part.indexOf(_polyfillHost) > -1) {
+    return colonHostPartReplacer(host, part, suffix);
+  } else {
+    return host + part + suffix + ", " + part + " " + host + suffix;
+  }
+};
+var convertColonSlotted = (cssText, slotScopeId) => {
+  const slotClass = "." + slotScopeId + " > ";
+  const selectors = [];
+  cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
+    if (m[2]) {
+      const compound = m[2].trim();
+      const suffix = m[3];
+      const slottedSelector = slotClass + compound + suffix;
+      let prefixSelector = "";
+      for (let i2 = m[4] - 1; i2 >= 0; i2--) {
+        const char = m[5][i2];
+        if (char === "}" || char === ",") {
+          break;
+        }
+        prefixSelector = char + prefixSelector;
+      }
+      const orgSelector = (prefixSelector + slottedSelector).trim();
+      const addedSelector = `${prefixSelector.trimEnd()}${slottedSelector.trim()}`.trim();
+      if (orgSelector !== addedSelector) {
+        const updatedSelector = `${addedSelector}, ${orgSelector}`;
+        selectors.push({
+          orgSelector,
+          updatedSelector
+        });
+      }
+      return slottedSelector;
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+  return {
+    selectors,
+    cssText
+  };
+};
+var convertColonHostContext = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
+};
+var convertShadowDOMSelectors = (cssText) => {
+  return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, " "), cssText);
+};
+var makeScopeMatcher = (scopeSelector2) => {
+  const lre = /\[/g;
+  const rre = /\]/g;
+  scopeSelector2 = scopeSelector2.replace(lre, "\\[").replace(rre, "\\]");
+  return new RegExp("^(" + scopeSelector2 + ")" + _selectorReSuffix, "m");
+};
+var selectorNeedsScoping = (selector, scopeSelector2) => {
+  const re = makeScopeMatcher(scopeSelector2);
+  return !re.test(selector);
+};
+var injectScopingSelector = (selector, scopingSelector) => {
+  return selector.replace(_selectorPartsRe, (_, before = "", _colonGroup, colon = "", after = "") => {
+    return before + scopingSelector + colon + after;
+  });
+};
+var applySimpleSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  _polyfillHostRe.lastIndex = 0;
+  if (_polyfillHostRe.test(selector)) {
+    const replaceBy = `.${hostSelector}`;
+    return selector.replace(_polyfillHostNoCombinatorRe, (_, selector2) => injectScopingSelector(selector2, replaceBy)).replace(_polyfillHostRe, replaceBy + " ");
+  }
+  return scopeSelector2 + " " + selector;
+};
+var applyStrictSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  const isRe = /\[is=([^\]]*)\]/g;
+  scopeSelector2 = scopeSelector2.replace(isRe, (_, ...parts) => parts[0]);
+  const className = "." + scopeSelector2;
+  const _scopeSelectorPart = (p) => {
+    let scopedP = p.trim();
+    if (!scopedP) {
+      return "";
+    }
+    if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+      scopedP = applySimpleSelectorScope(p, scopeSelector2, hostSelector);
+    } else {
+      const t = p.replace(_polyfillHostRe, "");
+      if (t.length > 0) {
+        scopedP = injectScopingSelector(t, className);
+      }
+    }
+    return scopedP;
+  };
+  const safeContent = safeSelector(selector);
+  selector = safeContent.content;
+  let scopedSelector = "";
+  let startIndex = 0;
+  let res;
+  const sep = /( |>|\+|~(?!=))(?=(?:[^()]*\([^()]*\))*[^()]*$)\s*/g;
+  const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+  let shouldScope = !hasHost;
+  while ((res = sep.exec(selector)) !== null) {
+    const separator = res[1];
+    const part2 = selector.slice(startIndex, res.index).trim();
+    shouldScope = shouldScope || part2.indexOf(_polyfillHostNoCombinator) > -1;
+    const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
+    scopedSelector += `${scopedPart} ${separator} `;
+    startIndex = sep.lastIndex;
+  }
+  const part = selector.substring(startIndex);
+  shouldScope = !part.match(_safePartRe) && (shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1);
+  scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+  return restoreSafeSelector(safeContent.placeholders, scopedSelector);
+};
+var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
+  return selector.split(",").map((shallowPart) => {
+    if (slotSelector && shallowPart.indexOf("." + slotSelector) > -1) {
+      return shallowPart.trim();
+    }
+    if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
+      return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
+    } else {
+      return shallowPart.trim();
+    }
+  }).join(", ");
+};
+var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
+  return processRules(cssText, (rule) => {
+    let selector = rule.selector;
+    let content = rule.content;
+    if (rule.selector[0] !== "@") {
+      selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
+    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+      content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector);
+    }
+    const cssRule = {
+      selector: selector.replace(/\s{2,}/g, " ").trim(),
+      content
+    };
+    return cssRule;
+  });
+};
+var scopeCssText = (cssText, scopeId2, hostScopeId, slotScopeId, commentOriginalSelector) => {
+  cssText = insertPolyfillHostInCssText(cssText);
+  cssText = convertColonHost(cssText);
+  cssText = convertColonHostContext(cssText);
+  const slotted = convertColonSlotted(cssText, slotScopeId);
+  cssText = slotted.cssText;
+  cssText = convertShadowDOMSelectors(cssText);
+  if (scopeId2) {
+    cssText = scopeSelectors(cssText, scopeId2, hostScopeId, slotScopeId, commentOriginalSelector);
+  }
+  cssText = replaceShadowCssHost(cssText, hostScopeId);
+  cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ");
+  return {
+    cssText: cssText.trim(),
+    // We need to replace the shadow CSS host string in each of these selectors since we created
+    // them prior to the replacement happening in the components CSS text.
+    slottedSelectors: slotted.selectors.map((ref) => ({
+      orgSelector: replaceShadowCssHost(ref.orgSelector, hostScopeId),
+      updatedSelector: replaceShadowCssHost(ref.updatedSelector, hostScopeId)
+    }))
+  };
+};
+var replaceShadowCssHost = (cssText, hostScopeId) => {
+  return cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
+};
+var expandPartSelectors = (cssText) => {
+  const partSelectorRe = /([^\s,{][^,{]*?)::part\(\s*([^)]+?)\s*\)((?:[:.][^,{]*)*)/g;
+  return processRules(cssText, (rule) => {
+    if (rule.selector[0] === "@") {
+      return rule;
+    }
+    const selectors = rule.selector.split(",").map((sel) => {
+      const out = [sel.trim()];
+      let m;
+      while ((m = partSelectorRe.exec(sel)) !== null) {
+        const before = m[1].trimEnd();
+        const partNames = m[2].trim().split(/\s+/);
+        const after = m[3] || "";
+        const partAttr = partNames.flatMap((p) => {
+          if (!rule.selector.includes(`[part~="${p}"]`)) {
+            return [`[part~="${p}"]`];
+          }
+          return [];
+        }).join("");
+        const expanded = `${before} ${partAttr}${after}`;
+        if (!!partAttr && expanded !== sel.trim()) {
+          out.push(expanded);
+        }
+      }
+      return out.join(", ");
+    });
+    rule.selector = selectors.join(", ");
+    return rule;
+  });
+};
+var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
+  const hostScopeId = scopeId2 + "-h";
+  const slotScopeId = scopeId2 + "-s";
+  const commentsWithHash = extractCommentsWithHash(cssText);
+  cssText = stripComments(cssText);
+  const orgSelectors = [];
+  if (commentOriginalSelector) {
+    const processCommentedSelector = (rule) => {
+      const placeholder = `/*!@___${orgSelectors.length}___*/`;
+      const comment = `/*!@${rule.selector}*/`;
+      orgSelectors.push({ placeholder, comment });
+      rule.selector = placeholder + rule.selector;
+      return rule;
+    };
+    cssText = processRules(cssText, (rule) => {
+      if (rule.selector[0] !== "@") {
+        return processCommentedSelector(rule);
+      } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+        rule.content = processRules(rule.content, processCommentedSelector);
+        return rule;
+      }
+      return rule;
+    });
+  }
+  const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId, commentOriginalSelector);
+  cssText = [scoped.cssText, ...commentsWithHash].join("\n");
+  if (commentOriginalSelector) {
+    orgSelectors.forEach(({ placeholder, comment }) => {
+      cssText = cssText.replace(placeholder, comment);
+    });
+  }
+  scoped.slottedSelectors.forEach((slottedSelector) => {
+    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector) + "(?=\\s*[,{]|$)", "g");
+    cssText = cssText.replace(regex, slottedSelector.updatedSelector);
+  });
+  cssText = expandPartSelectors(cssText);
+  return cssText;
+};
+
+// src/runtime/mode.ts
+var computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);
+var setMode = (handler) => modeResolutionChain.push(handler);
+var getMode = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$modeName$;
+};
+
+// src/utils/remote-value.ts
+var RemoteValue = class _RemoteValue {
+  /**
+   * Deserializes a LocalValue serialized object back to its original JavaScript representation
+   *
+   * @param serialized The serialized LocalValue object
+   * @returns The original JavaScript value/object
+   */
+  static fromLocalValue(serialized) {
+    const type = serialized[TYPE_CONSTANT];
+    const value = VALUE_CONSTANT in serialized ? serialized[VALUE_CONSTANT] : void 0;
+    switch (type) {
+      case "string" /* String */:
+        return value;
+      case "boolean" /* Boolean */:
+        return value;
+      case "bigint" /* BigInt */:
+        return BigInt(value);
+      case "undefined" /* Undefined */:
+        return void 0;
+      case "null" /* Null */:
+        return null;
+      case "number" /* Number */:
+        if (value === "NaN") return NaN;
+        if (value === "-0") return -0;
+        if (value === "Infinity") return Infinity;
+        if (value === "-Infinity") return -Infinity;
+        return value;
+      case "array" /* Array */:
+        return value.map((item) => _RemoteValue.fromLocalValue(item));
+      case "date" /* Date */:
+        return new Date(value);
+      case "map" /* Map */:
+        const map = /* @__PURE__ */ new Map();
+        for (const [key, val] of value) {
+          const deserializedKey = typeof key === "object" && key !== null ? _RemoteValue.fromLocalValue(key) : key;
+          const deserializedValue = _RemoteValue.fromLocalValue(val);
+          map.set(deserializedKey, deserializedValue);
+        }
+        return map;
+      case "object" /* Object */:
+        const obj = {};
+        for (const [key, val] of value) {
+          obj[key] = _RemoteValue.fromLocalValue(val);
+        }
+        return obj;
+      case "regexp" /* RegularExpression */:
+        const { pattern, flags } = value;
+        return new RegExp(pattern, flags);
+      case "set" /* Set */:
+        const set = /* @__PURE__ */ new Set();
+        for (const item of value) {
+          set.add(_RemoteValue.fromLocalValue(item));
+        }
+        return set;
+      case "symbol" /* Symbol */:
+        return Symbol(value);
+      default:
+        throw new Error(`Unsupported type: ${type}`);
+    }
+  }
+  /**
+   * Utility method to deserialize multiple LocalValues at once
+   *
+   * @param serializedValues Array of serialized LocalValue objects
+   * @returns Array of deserialized JavaScript values
+   */
+  static fromLocalValueArray(serializedValues) {
+    return serializedValues.map((value) => _RemoteValue.fromLocalValue(value));
+  }
+  /**
+   * Verifies if the given object matches the structure of a serialized LocalValue
+   *
+   * @param obj Object to verify
+   * @returns boolean indicating if the object has LocalValue structure
+   */
+  static isLocalValueObject(obj) {
+    if (typeof obj !== "object" || obj === null) {
+      return false;
+    }
+    if (!obj.hasOwnProperty(TYPE_CONSTANT)) {
+      return false;
+    }
+    const type = obj[TYPE_CONSTANT];
+    const hasTypeProperty = Object.values({ ...PrimitiveType, ...NonPrimitiveType }).includes(type);
+    if (!hasTypeProperty) {
+      return false;
+    }
+    if (type !== "null" /* Null */ && type !== "undefined" /* Undefined */) {
+      return obj.hasOwnProperty(VALUE_CONSTANT);
+    }
+    return true;
+  }
+};
+
+// src/utils/serialize.ts
+function deserializeProperty(value) {
+  if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
+    return value;
+  }
+  return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
+}
+
+// src/runtime/parse-property-value.ts
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+  if ((BUILD.hydrateClientSide || BUILD.hydrateServerSide) && typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
+    propValue = deserializeProperty(propValue);
+    return propValue;
+  }
+  if (propValue != null && !isComplexType(propValue)) {
+    if (BUILD.propBoolean && propType & 4 /* Boolean */) {
+      if (BUILD.formAssociated && isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
+        return propValue === "false" ? false : propValue === "" || !!propValue;
+      }
+    }
+    if (BUILD.propNumber && propType & 2 /* Number */) {
+      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
+    }
+    if (BUILD.propString && propType & 1 /* String */) {
+      return String(propValue);
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var getElement = (ref) => {
+  var _a;
+  return BUILD.lazyLoad ? (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ : ref;
+};
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      if (BUILD.isDev && !elm.isConnected) {
+        consoleDevWarn(`The "${name}" event was emitted, but the dispatcher node is no longer connected to the dom.`);
+      }
+      return emitEvent(elm, name, {
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
+        detail
+      });
+    }
+  };
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (BUILD.vdomClass && memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    if (BUILD.hydrateClientSide && (elm["s-si"] || elm["s-sc"]) && initialRender) {
+      const scopeId2 = elm["s-sc"] || elm["s-si"];
+      newClasses.push(scopeId2);
+      oldClasses.forEach((c) => {
+        if (c.startsWith(scopeId2)) newClasses.push(c);
+      });
+      newClasses = [...new Set(newClasses)].filter((c) => c);
+      classList.add(...newClasses);
+    } else {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (BUILD.vdomStyle && memberName === "style") {
+    if (BUILD.updatable) {
+      for (const prop in oldValue) {
+        if (!newValue || newValue[prop] == null) {
+          if (!BUILD.hydrateServerSide && prop.includes("-")) {
+            elm.style.removeProperty(prop);
+          } else {
+            elm.style[prop] = "";
+          }
+        }
+      }
+    }
+    for (const prop in newValue) {
+      if (!oldValue || newValue[prop] !== oldValue[prop]) {
+        if (!BUILD.hydrateServerSide && prop.includes("-")) {
+          elm.style.setProperty(prop, newValue[prop]);
+        } else {
+          elm.style[prop] = newValue[prop];
+        }
+      }
+    }
+  } else if (BUILD.vdomKey && memberName === "key") {
+  } else if (BUILD.vdomRef && memberName === "ref") {
+    if (newValue) {
+      queueRefAttachment(newValue, elm);
+    }
+  } else if (BUILD.vdomListener && (BUILD.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
+      }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
+      }
+    }
+  } else if (BUILD.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const propName = memberName.slice(5);
+    let attrName;
+    if (BUILD.member) {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (BUILD.vdomPropOrAttr && memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
+  } else if (BUILD.vdomPropOrAttr) {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] !== n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
+            }
+          }
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
+        }
+      } catch (e) {
+      }
+    }
+    let xlink = false;
+    if (BUILD.vdomXlink) {
+      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+        memberName = ln;
+        xlink = true;
+      }
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
+        if (BUILD.vdomXlink && xlink) {
+          elm.removeAttributeNS(XLINK_NS, memberName);
+        } else {
+          elm.removeAttribute(memberName);
+        }
+      }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      if (BUILD.vdomXlink && xlink) {
+        elm.setAttributeNS(XLINK_NS, memberName, newValue);
+      } else {
+        elm.setAttribute(memberName, newValue);
+      }
+    }
+  }
+};
+var parseClassListRegex = /\s/;
+var parseClassList = (value) => {
+  if (typeof value === "object" && value && "baseVal" in value) {
+    value = value.baseVal;
+  }
+  if (!value || typeof value !== "string") {
+    return [];
+  }
+  return value.split(parseClassListRegex);
+};
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/vdom/update-element.ts
+var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
+  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
+  const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
+  const newVnodeAttrs = newVnode.$attrs$ || {};
+  if (BUILD.updatable) {
+    for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
+      if (!(memberName in newVnodeAttrs)) {
+        setAccessor(
+          elm,
+          memberName,
+          oldVnodeAttrs[memberName],
+          void 0,
+          isSvgMode2,
+          newVnode.$flags$,
+          isInitialRender
+        );
+      }
+    }
+  }
+  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
+    setAccessor(
+      elm,
+      memberName,
+      oldVnodeAttrs[memberName],
+      newVnodeAttrs[memberName],
+      isSvgMode2,
+      newVnode.$flags$,
+      isInitialRender
+    );
+  }
+};
+function sortedAttrNames(attrNames) {
+  return attrNames.includes("ref") ? (
+    // we need to sort these to ensure that `'ref'` is the last attr
+    [...attrNames.filter((attr) => attr !== "ref"), "ref"]
+  ) : (
+    // no need to sort, return the original array
+    attrNames
+  );
+}
+
+// src/runtime/vdom/vdom-render.ts
+var scopeId;
+var contentRef;
+var hostTagName;
+var useNativeShadowDom = false;
+var checkSlotFallbackVisibility = false;
+var checkSlotRelocate = false;
+var isSvgMode = false;
+var refCallbacksToRemove = [];
+var refCallbacksToAttach = [];
+var createElm = (oldParentVNode, newParentVNode, childIndex) => {
+  var _a;
+  const newVNode2 = newParentVNode.$children$[childIndex];
+  let i2 = 0;
+  let elm;
+  let childNode;
+  let oldVNode;
+  if (BUILD.slotRelocation && !useNativeShadowDom) {
+    checkSlotRelocate = true;
+    if (newVNode2.$tag$ === "slot") {
+      newVNode2.$flags$ |= newVNode2.$children$ ? (
+        // slot element has fallback content
+        // still create an element that "mocks" the slot element
+        2 /* isSlotFallback */
+      ) : (
+        // slot element does not have fallback content
+        // create an html comment we'll use to always reference
+        // where actual slot content should sit next to
+        1 /* isSlotReference */
+      );
+    }
+  }
+  if (BUILD.isDev && newVNode2.$elm$) {
+    consoleDevError(
+      `The JSX ${newVNode2.$text$ !== null ? `"${newVNode2.$text$}" text` : `"${newVNode2.$tag$}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`
+    );
+  }
+  if (BUILD.vdomText && newVNode2.$text$ != null) {
+    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+  } else if (BUILD.slotRelocation && newVNode2.$flags$ & 1 /* isSlotReference */) {
+    elm = newVNode2.$elm$ = BUILD.isDebug || BUILD.hydrateServerSide ? slotReferenceDebugNode(newVNode2) : win.document.createTextNode("");
+    if (BUILD.vdomAttribute) {
+      updateElement(null, newVNode2, isSvgMode);
+    }
+  } else {
+    if (BUILD.svg && !isSvgMode) {
+      isSvgMode = newVNode2.$tag$ === "svg";
+    }
+    if (!win.document) {
+      throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
+    }
+    elm = newVNode2.$elm$ = BUILD.svg ? win.document.createElementNS(
+      isSvgMode ? SVG_NS : HTML_NS,
+      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+    ) : win.document.createElement(
+      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+    );
+    if (BUILD.svg && isSvgMode && newVNode2.$tag$ === "foreignObject") {
+      isSvgMode = false;
+    }
+    if (BUILD.vdomAttribute) {
+      updateElement(null, newVNode2, isSvgMode);
+    }
+    if ((BUILD.scoped || BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) && isDef(scopeId) && elm["s-si"] !== scopeId) {
+      elm.classList.add(elm["s-si"] = scopeId);
+    }
+    if (newVNode2.$children$) {
+      const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
+      for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
+        childNode = createElm(oldParentVNode, newVNode2, i2);
+        if (childNode) {
+          appendTarget.appendChild(childNode);
+        }
+      }
+    }
+    if (BUILD.svg) {
+      if (newVNode2.$tag$ === "svg") {
+        isSvgMode = false;
+      } else if (elm.tagName === "foreignObject") {
+        isSvgMode = true;
+      }
+    }
+  }
+  elm["s-hn"] = hostTagName;
+  if (BUILD.slotRelocation) {
+    if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+      elm["s-sr"] = true;
+      elm["s-cr"] = contentRef;
+      elm["s-sn"] = newVNode2.$name$ || "";
+      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
+      patchSlotNode(elm);
+      oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+      if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
+        relocateToHostRoot(oldParentVNode.$elm$);
+      }
+      if (BUILD.scoped || BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) {
+        addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
+      }
+    }
+  }
+  return elm;
+};
+var relocateToHostRoot = (parentElm) => {
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
+  const host = parentElm.closest(hostTagName.toLowerCase());
+  if (host != null) {
+    const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
+      (ref) => ref["s-cr"]
+    );
+    const childNodeArray = Array.from(
+      parentElm.__childNodes || parentElm.childNodes
+    );
+    for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
+      if (childNode["s-sh"] != null) {
+        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
+        childNode["s-sh"] = void 0;
+        checkSlotRelocate = true;
+      }
+    }
+  }
+  plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
+var putBackInOriginalLocation = (parentElm, recursive) => {
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
+  const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
+  if (parentElm["s-sr"]) {
+    let node = parentElm;
+    while (node = node.nextSibling) {
+      if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
+        oldSlotChildNodes.push(node);
+      }
+    }
+  }
+  for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
+    const childNode = oldSlotChildNodes[i2];
+    if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
+      insertBefore(referenceNode(childNode).parentNode, childNode, referenceNode(childNode));
+      childNode["s-ol"].remove();
+      childNode["s-ol"] = void 0;
+      childNode["s-sh"] = void 0;
+      checkSlotRelocate = true;
+    }
+    if (recursive) {
+      putBackInOriginalLocation(childNode, recursive);
+    }
+  }
+  plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
+var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+  let containerElm = BUILD.slotRelocation && parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
+  let childNode;
+  if (BUILD.shadowDom && containerElm.shadowRoot && containerElm.tagName === hostTagName) {
+    containerElm = containerElm.shadowRoot;
+  }
+  if (parentVNode.$tag$ === "template") {
+    containerElm = containerElm.content;
+  }
+  for (; startIdx <= endIdx; ++startIdx) {
+    if (vnodes[startIdx]) {
+      childNode = createElm(null, parentVNode, startIdx);
+      if (childNode) {
+        vnodes[startIdx].$elm$ = childNode;
+        insertBefore(containerElm, childNode, BUILD.slotRelocation ? referenceNode(before) : before);
+      }
+    }
+  }
+};
+var removeVnodes = (vnodes, startIdx, endIdx) => {
+  for (let index = startIdx; index <= endIdx; ++index) {
+    const vnode = vnodes[index];
+    if (vnode) {
+      const elm = vnode.$elm$;
+      nullifyVNodeRefs(vnode);
+      if (elm) {
+        if (BUILD.slotRelocation) {
+          checkSlotFallbackVisibility = true;
+          if (elm["s-ol"]) {
+            elm["s-ol"].remove();
+          } else {
+            putBackInOriginalLocation(elm, true);
+          }
+        }
+        elm.remove();
+      }
+    }
+  }
+};
+var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
+  let oldStartIdx = 0;
+  let newStartIdx = 0;
+  let idxInOld = 0;
+  let i2 = 0;
+  let oldEndIdx = oldCh.length - 1;
+  let oldStartVnode = oldCh[0];
+  let oldEndVnode = oldCh[oldEndIdx];
+  let newEndIdx = newCh.length - 1;
+  let newStartVnode = newCh[0];
+  let newEndVnode = newCh[newEndIdx];
+  let node;
+  let elmToMove;
+  const containerElm = newVNode2.$tag$ === "template" ? parentElm.content : parentElm;
+  while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+    if (oldStartVnode == null) {
+      oldStartVnode = oldCh[++oldStartIdx];
+    } else if (oldEndVnode == null) {
+      oldEndVnode = oldCh[--oldEndIdx];
+    } else if (newStartVnode == null) {
+      newStartVnode = newCh[++newStartIdx];
+    } else if (newEndVnode == null) {
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
+      patch(oldStartVnode, newStartVnode, isInitialRender);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
+      patch(oldEndVnode, newEndVnode, isInitialRender);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
+      if (BUILD.slotRelocation && (oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+      }
+      patch(oldStartVnode, newEndVnode, isInitialRender);
+      insertBefore(containerElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
+      if (BUILD.slotRelocation && (oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+      }
+      patch(oldEndVnode, newStartVnode, isInitialRender);
+      insertBefore(containerElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else {
+      idxInOld = -1;
+      if (BUILD.vdomKey) {
+        for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
+          if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
+            idxInOld = i2;
+            break;
+          }
+        }
+      }
+      if (BUILD.vdomKey && idxInOld >= 0) {
+        elmToMove = oldCh[idxInOld];
+        if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+        } else {
+          patch(elmToMove, newStartVnode, isInitialRender);
+          oldCh[idxInOld] = void 0;
+          node = elmToMove.$elm$;
+        }
+        newStartVnode = newCh[++newStartIdx];
+      } else {
+        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
+        newStartVnode = newCh[++newStartIdx];
+      }
+      if (node) {
+        if (BUILD.slotRelocation) {
+          insertBefore(
+            referenceNode(oldStartVnode.$elm$).parentNode,
+            node,
+            referenceNode(oldStartVnode.$elm$)
+          );
+        } else {
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
+        }
+      }
+    }
+  }
+  if (oldStartIdx > oldEndIdx) {
+    addVnodes(
+      parentElm,
+      newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
+      newVNode2,
+      newCh,
+      newStartIdx,
+      newEndIdx
+    );
+  } else if (BUILD.updatable && newStartIdx > newEndIdx) {
+    removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+  }
+};
+var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
+  if (leftVNode.$tag$ === rightVNode.$tag$) {
+    if (BUILD.slotRelocation && leftVNode.$tag$ === "slot") {
+      return leftVNode.$name$ === rightVNode.$name$;
+    }
+    if (BUILD.vdomKey && !isInitialRender) {
+      return leftVNode.$key$ === rightVNode.$key$;
+    }
+    if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
+      leftVNode.$key$ = rightVNode.$key$;
+    }
+    return true;
+  }
+  return false;
+};
+var referenceNode = (node) => node && node["s-ol"] || node;
+var patch = (oldVNode, newVNode2, isInitialRender = false) => {
+  const elm = newVNode2.$elm$ = oldVNode.$elm$;
+  const oldChildren = oldVNode.$children$;
+  const newChildren = newVNode2.$children$;
+  const tag = newVNode2.$tag$;
+  const text = newVNode2.$text$;
+  let defaultHolder;
+  if (!BUILD.vdomText || text == null) {
+    if (BUILD.svg) {
+      isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
+    }
+    if (BUILD.vdomAttribute || BUILD.reflect) {
+      if (BUILD.slot && tag === "slot" && !useNativeShadowDom) {
+        if (oldVNode.$name$ !== newVNode2.$name$) {
+          newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
+          relocateToHostRoot(newVNode2.$elm$.parentElement);
+        }
+      }
+      updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
+    }
+    if (BUILD.updatable && oldChildren !== null && newChildren !== null) {
+      updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
+    } else if (newChildren !== null) {
+      if (BUILD.updatable && BUILD.vdomText && oldVNode.$text$ !== null) {
+        elm.textContent = "";
+      }
+      addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
+      removeVnodes(oldChildren, 0, oldChildren.length - 1);
+    } else if (BUILD.hydrateClientSide && isInitialRender && BUILD.updatable && oldChildren !== null && newChildren === null) {
+      newVNode2.$children$ = oldChildren;
+    }
+    if (BUILD.svg && isSvgMode && tag === "svg") {
+      isSvgMode = false;
+    }
+  } else if (BUILD.vdomText && BUILD.slotRelocation && (defaultHolder = elm["s-cr"])) {
+    defaultHolder.parentNode.textContent = text;
+  } else if (BUILD.vdomText && oldVNode.$text$ !== text) {
+    elm.data = text;
+  }
+};
+var relocateNodes = [];
+var markSlotContentForRelocation = (elm) => {
+  let node;
+  let hostContentNodes;
+  let j;
+  const children = elm.__childNodes || elm.childNodes;
+  for (const childNode of children) {
+    if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
+      hostContentNodes = node.parentNode.__childNodes || node.parentNode.childNodes;
+      const slotName = childNode["s-sn"];
+      for (j = hostContentNodes.length - 1; j >= 0; j--) {
+        node = hostContentNodes[j];
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+          if (isNodeLocatedInSlot(node, slotName)) {
+            let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+            checkSlotFallbackVisibility = true;
+            node["s-sn"] = node["s-sn"] || slotName;
+            if (relocateNodeData) {
+              relocateNodeData.$nodeToRelocate$["s-sh"] = childNode["s-hn"];
+              relocateNodeData.$slotRefNode$ = childNode;
+            } else {
+              node["s-sh"] = childNode["s-hn"];
+              relocateNodes.push({
+                $slotRefNode$: childNode,
+                $nodeToRelocate$: node
+              });
+            }
+            if (node["s-sr"]) {
+              relocateNodes.map((relocateNode) => {
+                if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node["s-sn"])) {
+                  relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                  if (relocateNodeData && !relocateNode.$slotRefNode$) {
+                    relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
+                  }
+                }
+              });
+            }
+          } else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
+            relocateNodes.push({
+              $nodeToRelocate$: node
+            });
+          }
+        }
+      }
+    }
+    if (childNode.nodeType === 1 /* ElementNode */) {
+      markSlotContentForRelocation(childNode);
+    }
+  }
+};
+var nullifyVNodeRefs = (vNode) => {
+  if (BUILD.vdomRef) {
+    if (vNode.$attrs$ && vNode.$attrs$.ref) {
+      refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
+    }
+    vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
+  }
+};
+var queueRefAttachment = (refCallback, elm) => {
+  if (BUILD.vdomRef) {
+    refCallbacksToAttach.push(() => refCallback(elm));
+  }
+};
+var flushQueuedRefCallbacks = () => {
+  if (BUILD.vdomRef) {
+    refCallbacksToRemove.forEach((cb) => cb());
+    refCallbacksToRemove.length = 0;
+    refCallbacksToAttach.forEach((cb) => cb());
+    refCallbacksToAttach.length = 0;
+  }
+};
+var insertBefore = (parent, newNode, reference, isInitialLoad) => {
+  if (BUILD.slotRelocation) {
+    if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
+      addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
+    } else if (typeof newNode["s-sn"] === "string") {
+      if (BUILD.experimentalSlotFixes && parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
+        patchParentNode(newNode);
+      }
+      parent.insertBefore(newNode, reference);
+      const { slotNode } = findSlotFromSlottedNode(newNode);
+      if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+      return newNode;
+    }
+  }
+  if (parent.__insertBefore) {
+    return parent.__insertBefore(newNode, reference);
+  } else {
+    return parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  }
+};
+function addRemoveSlotScopedClass(reference, slotNode, newParent, oldParent) {
+  var _a, _b;
+  let scopeId2;
+  if (reference && typeof slotNode["s-sn"] === "string" && !!slotNode["s-sr"] && reference.parentNode && reference.parentNode["s-sc"] && (scopeId2 = slotNode["s-si"] || reference.parentNode["s-sc"])) {
+    const scopeName = slotNode["s-sn"];
+    const hostName = slotNode["s-hn"];
+    (_a = newParent.classList) == null ? void 0 : _a.add(scopeId2 + "-s");
+    if (oldParent && ((_b = oldParent.classList) == null ? void 0 : _b.contains(scopeId2 + "-s"))) {
+      let child = (oldParent.__childNodes || oldParent.childNodes)[0];
+      let found = false;
+      while (child) {
+        if (child["s-sn"] !== scopeName && child["s-hn"] === hostName && !!child["s-sr"]) {
+          found = true;
+          break;
+        }
+        child = child.nextSibling;
+      }
+      if (!found) oldParent.classList.remove(scopeId2 + "-s");
+    }
+  }
+}
+var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+  var _a, _b, _c, _d, _e;
+  const hostElm = hostRef.$hostElement$;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+  const isHostElement = isHost(renderFnResults);
+  const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
+  hostTagName = hostElm.tagName;
+  if (BUILD.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) {
+    throw new Error(`The <Host> must be the single root component.
+Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
+
+The render() function should look like this instead:
+
+render() {
+  // Do not return an array
+  return (
+    <Host>{content}</Host>
+  );
+}
+  `);
+  }
+  if (BUILD.reflect && cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      if (BUILD.serializer && hostRef.$serializerValues$.has(propName)) {
+        rootVnode.$attrs$[attribute] = hostRef.$serializerValues$.get(propName);
+      } else {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
+  }
+  if (isInitialLoad && rootVnode.$attrs$) {
+    for (const key of Object.keys(rootVnode.$attrs$)) {
+      if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
+        rootVnode.$attrs$[key] = hostElm[key];
+      }
+    }
+  }
+  rootVnode.$tag$ = null;
+  rootVnode.$flags$ |= 4 /* isHost */;
+  hostRef.$vnode$ = rootVnode;
+  rootVnode.$elm$ = oldVNode.$elm$ = BUILD.shadowDom ? hostElm.shadowRoot || hostElm : hostElm;
+  if (BUILD.scoped || BUILD.shadowDom) {
+    scopeId = hostElm["s-sc"];
+  }
+  useNativeShadowDom = supportsShadow && !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
+  if (BUILD.slotRelocation) {
+    contentRef = hostElm["s-cr"];
+    checkSlotFallbackVisibility = false;
+  }
+  patch(oldVNode, rootVnode, isInitialLoad);
+  if (BUILD.slotRelocation) {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    if (checkSlotRelocate) {
+      markSlotContentForRelocation(rootVnode.$elm$);
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        if (!nodeToRelocate["s-ol"] && win.document) {
+          const orgLocationNode = BUILD.isDebug || BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : win.document.createTextNode("");
+          orgLocationNode["s-nr"] = nodeToRelocate;
+          insertBefore(
+            nodeToRelocate.parentNode,
+            nodeToRelocate["s-ol"] = orgLocationNode,
+            nodeToRelocate,
+            isInitialLoad
+          );
+        }
+      }
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        const slotRefNode = relocateData.$slotRefNode$;
+        if (nodeToRelocate.nodeType === 1 /* ElementNode */ && isInitialLoad) {
+          nodeToRelocate["s-ih"] = (_a = nodeToRelocate.hidden) != null ? _a : false;
+        }
+        if (slotRefNode) {
+          const parentNodeRef = slotRefNode.parentNode;
+          let insertBeforeNode = slotRefNode.nextSibling;
+          if (!BUILD.hydrateServerSide && insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
+            let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
+            while (orgLocationNode) {
+              let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
+              if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
+                refNode = refNode.nextSibling;
+                while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
+                  refNode = refNode == null ? void 0 : refNode.nextSibling;
+                }
+                if (!refNode || !refNode["s-nr"]) {
+                  insertBeforeNode = refNode;
+                  break;
+                }
+              }
+              orgLocationNode = orgLocationNode.previousSibling;
+            }
+          }
+          const parent = nodeToRelocate.__parentNode || nodeToRelocate.parentNode;
+          const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
+          if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
+            if (nodeToRelocate !== insertBeforeNode) {
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode, isInitialLoad);
+              if (nodeToRelocate.nodeType === 8 /* CommentNode */ && nodeToRelocate.nodeValue.startsWith("s-nt-")) {
+                const textNode = win.document.createTextNode(nodeToRelocate.nodeValue.replace(/^s-nt-/, ""));
+                textNode["s-hn"] = nodeToRelocate["s-hn"];
+                textNode["s-sn"] = nodeToRelocate["s-sn"];
+                textNode["s-sh"] = nodeToRelocate["s-sh"];
+                textNode["s-sr"] = nodeToRelocate["s-sr"];
+                textNode["s-ol"] = nodeToRelocate["s-ol"];
+                textNode["s-ol"]["s-nr"] = textNode;
+                insertBefore(nodeToRelocate.parentNode, textNode, nodeToRelocate, isInitialLoad);
+                nodeToRelocate.parentNode.removeChild(nodeToRelocate);
+              }
+              if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
+                nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
+              }
+            }
+          }
+          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
+        } else if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+          nodeToRelocate.hidden = true;
+        }
+      }
+    }
+    if (checkSlotFallbackVisibility) {
+      updateFallbackSlotVisibility(rootVnode.$elm$);
+    }
+    plt.$flags$ &= ~1 /* isTmpDisconnected */;
+    relocateNodes.length = 0;
+  }
+  if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && hostElm["s-cr"]) {
+    const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
+    for (const childNode of children) {
+      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
+        if (isInitialLoad && childNode["s-ih"] == null) {
+          childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
+        }
+        if (childNode.nodeType === 1 /* ElementNode */) {
+          childNode.hidden = true;
+        } else if (childNode.nodeType === 3 /* TextNode */ && !!childNode.nodeValue.trim()) {
+          const textCommentNode = win.document.createComment("s-nt-" + childNode.nodeValue);
+          textCommentNode["s-sn"] = childNode["s-sn"];
+          insertBefore(childNode.parentNode, textCommentNode, childNode, isInitialLoad);
+          childNode.parentNode.removeChild(childNode);
+        }
+      }
+    }
+  }
+  contentRef = void 0;
+  flushQueuedRefCallbacks();
+};
+var slotReferenceDebugNode = (slotVNode) => {
+  var _a;
+  return (_a = win.document) == null ? void 0 : _a.createComment(
+    `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
+  );
+};
+var originalLocationDebugNode = (nodeToRelocate) => {
+  var _a;
+  return (_a = win.document) == null ? void 0 : _a.createComment(
+    `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
+  );
+};
+
+// src/runtime/update-component.ts
+var attachToAncestor = (hostRef, ancestorComponent) => {
+  if (BUILD.asyncLoading && ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
+    const index = ancestorComponent["s-p"].push(
+      new Promise(
+        (r) => hostRef.$onRenderResolve$ = () => {
+          ancestorComponent["s-p"].splice(index - 1, 1);
+          r();
+        }
+      )
+    );
+  }
+};
+var scheduleUpdate = (hostRef, isInitialLoad) => {
+  if (BUILD.taskQueue && BUILD.updatable) {
+    hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+  }
+  if (BUILD.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {
+    hostRef.$flags$ |= 512 /* needsRerender */;
+    return;
+  }
+  attachToAncestor(hostRef, hostRef.$ancestorComponent$);
+  const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
+  return BUILD.taskQueue ? writeTask(dispatch) : dispatch();
+};
+var dispatchHooks = (hostRef, isInitialLoad) => {
+  const elm = hostRef.$hostElement$;
+  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
+  const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  if (!instance) {
+    throw new Error(
+      `Can't render component <${elm.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 maybePromise;
+  if (isInitialLoad) {
+    if (BUILD.lazyLoad) {
+      if (BUILD.slotRelocation && hostRef.$deferredConnectedCallback$) {
+        hostRef.$deferredConnectedCallback$ = false;
+        safeCall(instance, "connectedCallback", void 0, elm);
+      }
+      if (BUILD.hostListener) {
+        hostRef.$flags$ |= 256 /* isListenReady */;
+        if (hostRef.$queuedListeners$) {
+          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
+          hostRef.$queuedListeners$ = void 0;
+        }
+      }
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
+      }
+    }
+    emitLifecycleEvent(elm, "componentWillLoad");
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    emitLifecycleEvent(elm, "componentWillUpdate");
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  emitLifecycleEvent(elm, "componentWillRender");
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
+  endSchedule();
+  return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
+};
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err) => {
+  console.error(err);
+  fn();
+}) : fn();
+var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
+var updateComponent = async (hostRef, instance, isInitialLoad) => {
+  var _a;
+  const elm = hostRef.$hostElement$;
+  const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
+  const rc = elm["s-rc"];
+  if (BUILD.style && isInitialLoad) {
+    attachStyles(hostRef);
+  }
+  const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
+  if (BUILD.isDev) {
+    hostRef.$flags$ |= 1024 /* devOnRender */;
+  }
+  if (BUILD.hydrateServerSide) {
+    await callRender(hostRef, instance, elm, isInitialLoad);
+  } else {
+    callRender(hostRef, instance, elm, isInitialLoad);
+  }
+  if (BUILD.isDev) {
+    hostRef.$renderCount$ = hostRef.$renderCount$ === void 0 ? 1 : hostRef.$renderCount$ + 1;
+    hostRef.$flags$ &= ~1024 /* devOnRender */;
+  }
+  if (BUILD.hydrateServerSide) {
+    try {
+      serverSideConnected(elm);
+      if (isInitialLoad) {
+        if (hostRef.$cmpMeta$.$flags$ & 1 /* shadowDomEncapsulation */) {
+          elm["s-en"] = "";
+        } else if (hostRef.$cmpMeta$.$flags$ & 2 /* scopedCssEncapsulation */) {
+          elm["s-en"] = "c";
+        }
+      }
+    } catch (e) {
+      consoleError(e, elm);
+    }
+  }
+  if (BUILD.asyncLoading && rc) {
+    rc.map((cb) => cb());
+    elm["s-rc"] = void 0;
+  }
+  endRender();
+  endUpdate();
+  if (BUILD.asyncLoading) {
+    const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
+    const postUpdate = () => postUpdateComponent(hostRef);
+    if (childrenPromises.length === 0) {
+      postUpdate();
+    } else {
+      Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
+      hostRef.$flags$ |= 4 /* isWaitingForChildren */;
+      childrenPromises.length = 0;
+    }
+  } else {
+    postUpdateComponent(hostRef);
+  }
+};
+var renderingRef = null;
+var callRender = (hostRef, instance, elm, isInitialLoad) => {
+  const allRenderFn = BUILD.allRenderFn ? true : false;
+  const lazyLoad = BUILD.lazyLoad ? true : false;
+  const taskQueue = BUILD.taskQueue ? true : false;
+  const updatable = BUILD.updatable ? true : false;
+  try {
+    renderingRef = instance;
+    instance = allRenderFn ? instance.render() : instance.render && instance.render();
+    if (updatable && taskQueue) {
+      hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
+    }
+    if (updatable || lazyLoad) {
+      hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    if (BUILD.hasRenderFn || BUILD.reflect) {
+      if (BUILD.vdomRender || BUILD.reflect) {
+        if (BUILD.hydrateServerSide) {
+          return Promise.resolve(instance).then((value) => renderVdom(hostRef, value, isInitialLoad));
+        } else {
+          renderVdom(hostRef, instance, isInitialLoad);
+        }
+      } else {
+        const shadowRoot = elm.shadowRoot;
+        if (hostRef.$cmpMeta$.$flags$ & 1 /* shadowDomEncapsulation */) {
+          shadowRoot.textContent = instance;
+        } else {
+          elm.textContent = instance;
+        }
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+  renderingRef = null;
+  return null;
+};
+var getRenderingRef = () => renderingRef;
+var postUpdateComponent = (hostRef) => {
+  const tagName = hostRef.$cmpMeta$.$tagName$;
+  const elm = hostRef.$hostElement$;
+  const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  if (BUILD.isDev) {
+    hostRef.$flags$ |= 1024 /* devOnRender */;
+  }
+  safeCall(instance, "componentDidRender", void 0, elm);
+  if (BUILD.isDev) {
+    hostRef.$flags$ &= ~1024 /* devOnRender */;
+  }
+  emitLifecycleEvent(elm, "componentDidRender");
+  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+    hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+    if (BUILD.asyncLoading && BUILD.cssAnnotations) {
+      addHydratedFlag(elm);
+    }
+    if (BUILD.isDev) {
+      hostRef.$flags$ |= 2048 /* devOnDidLoad */;
+    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
+    if (BUILD.isDev) {
+      hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
+    }
+    emitLifecycleEvent(elm, "componentDidLoad");
+    endPostUpdate();
+    if (BUILD.asyncLoading) {
+      hostRef.$onReadyResolve$(elm);
+      if (!ancestorComponent) {
+        appDidLoad(tagName);
+      }
+    }
+  } else {
+    if (BUILD.isDev) {
+      hostRef.$flags$ |= 1024 /* devOnRender */;
+    }
+    safeCall(instance, "componentDidUpdate", void 0, elm);
+    if (BUILD.isDev) {
+      hostRef.$flags$ &= ~1024 /* devOnRender */;
+    }
+    emitLifecycleEvent(elm, "componentDidUpdate");
+    endPostUpdate();
+  }
+  if (BUILD.method && BUILD.lazyLoad) {
+    hostRef.$onInstanceResolve$(elm);
+  }
+  if (BUILD.asyncLoading) {
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$flags$ & 512 /* needsRerender */) {
+      nextTick(() => scheduleUpdate(hostRef, false));
+    }
+    hostRef.$flags$ &= ~(4 /* isWaitingForChildren */ | 512 /* needsRerender */);
+  }
+};
+var forceUpdate = (ref) => {
+  var _a;
+  if (BUILD.updatable && (Build.isBrowser || Build.isTesting)) {
+    const hostRef = getHostRef(ref);
+    const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
+    if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+      scheduleUpdate(hostRef, false);
+    }
+    return isConnected;
+  }
+  return false;
+};
+var appDidLoad = (who) => {
+  var _a;
+  if (BUILD.asyncQueue) {
+    plt.$flags$ |= 2 /* appLoaded */;
+  }
+  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+  if (BUILD.hydrateClientSide) {
+    if ((_a = plt.$orgLocNodes$) == null ? void 0 : _a.size) {
+      plt.$orgLocNodes$.clear();
+    }
+  }
+  if (BUILD.profile && performance.measure) {
+    performance.measure(`[Stencil] ${NAMESPACE} initial load (by ${who})`, "st:app:start");
+  }
+};
+var safeCall = (instance, method, arg, elm) => {
+  if (instance && instance[method]) {
+    try {
+      return instance[method](arg);
+    } catch (e) {
+      consoleError(e, elm);
+    }
+  }
+  return void 0;
+};
+var emitLifecycleEvent = (elm, lifecycleName) => {
+  if (BUILD.lifecycleDOMEvents) {
+    emitEvent(elm, "stencil_" + lifecycleName, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        namespace: NAMESPACE
+      }
+    });
+  }
+};
+var addHydratedFlag = (elm) => {
+  var _a, _b;
+  return BUILD.hydratedClass ? elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") : BUILD.hydratedAttribute ? elm.setAttribute((_b = BUILD.hydratedSelectorName) != null ? _b : "hydrated", "") : void 0;
+};
+var serverSideConnected = (elm) => {
+  const children = elm.children;
+  if (children != null) {
+    for (let i2 = 0, ii = children.length; i2 < ii; i2++) {
+      const childElm = children[i2];
+      if (typeof childElm.connectedCallback === "function") {
+        childElm.connectedCallback();
+      }
+      serverSideConnected(childElm);
+    }
+  }
+};
+
+// src/runtime/set-value.ts
+var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
+var setValue = (ref, propName, newVal, cmpMeta) => {
+  const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
+  if (BUILD.lazyLoad && !hostRef) {
+    throw new Error(
+      `Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
+    );
+  }
+  if (BUILD.serializer && hostRef.$serializerValues$.has(propName) && hostRef.$serializerValues$.get(propName) === newVal) {
+    return;
+  }
+  const elm = BUILD.lazyLoad ? hostRef.$hostElement$ : ref;
+  const oldVal = hostRef.$instanceValues$.get(propName);
+  const flags = hostRef.$flags$;
+  const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0],
+    BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
+  const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
+  const didValueChange = newVal !== oldVal && !areBothNaN;
+  if ((!BUILD.lazyLoad || !(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
+    hostRef.$instanceValues$.set(propName, newVal);
+    if (BUILD.serializer && BUILD.reflect && cmpMeta.$attrsToReflect$) {
+      if (cmpMeta.$serializers$ && cmpMeta.$serializers$[propName]) {
+        const runSerializer = (inst) => {
+          let attrVal = newVal;
+          for (const serializer of cmpMeta.$serializers$[propName]) {
+            const [[methodName]] = Object.entries(serializer);
+            attrVal = inst[methodName](attrVal, propName);
+          }
+          hostRef.$serializerValues$.set(propName, attrVal);
+        };
+        if (instance) {
+          runSerializer(instance);
+        } else {
+          hostRef.$fetchedCbList$.push(() => {
+            runSerializer(hostRef.$lazyInstance$);
+          });
+        }
+      }
+    }
+    if (BUILD.isDev) {
+      if (hostRef.$flags$ & 1024 /* devOnRender */) {
+        consoleDevWarn(
+          `The state/prop "${propName}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,
+          "\nElement",
+          elm,
+          "\nNew value",
+          newVal,
+          "\nOld value",
+          oldVal
+        );
+      } else if (hostRef.$flags$ & 2048 /* devOnDidLoad */) {
+        consoleDevWarn(
+          `The state/prop "${propName}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,
+          "\nElement",
+          elm,
+          "\nNew value",
+          newVal,
+          "\nOld value",
+          oldVal
+        );
+      }
+    }
+    if (BUILD.propChangeCallback && cmpMeta.$watchers$) {
+      const watchMethods = cmpMeta.$watchers$[propName];
+      if (watchMethods) {
+        watchMethods.map((watcher) => {
+          try {
+            const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
+            if (flags & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */) {
+              if (!instance) {
+                hostRef.$fetchedCbList$.push(() => {
+                  hostRef.$lazyInstance$[watchMethodName](newVal, oldVal, propName);
+                });
+              } else {
+                instance[watchMethodName](newVal, oldVal, propName);
+              }
+            }
+          } catch (e) {
+            consoleError(e, elm);
+          }
+        });
+      }
+    }
+    if (BUILD.updatable && flags & 2 /* hasRendered */) {
+      if (instance.componentShouldUpdate) {
+        const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
+        if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
+          return;
+        }
+      }
+      if (!(flags & 16 /* isQueuedForUpdate */)) {
+        scheduleUpdate(hostRef, false);
+      }
+    }
+  }
+};
+
+// src/runtime/proxy-component.ts
+var proxyComponent = (Cstr, cmpMeta, flags) => {
+  var _a, _b;
+  const prototype = Cstr.prototype;
+  if (BUILD.isTesting) {
+    if (prototype.__stencilAugmented) {
+      return;
+    }
+    prototype.__stencilAugmented = true;
+  }
+  if (BUILD.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      const originalFormAssociatedCallback = prototype[cbName];
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = BUILD.lazyLoad ? hostRef == null ? void 0 : hostRef.$lazyInstance$ : this;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = BUILD.lazyLoad ? instance[cbName] : originalFormAssociatedCallback;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
+  if (BUILD.member && cmpMeta.$members$ || BUILD.propChangeCallback) {
+    if (BUILD.propChangeCallback) {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
+    }
+    const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+    members.map(([memberName, [memberFlags]]) => {
+      if ((BUILD.prop || BUILD.state) && (memberFlags & 31 /* Prop */ || (!BUILD.lazyLoad || flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
+        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
+        if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
+        if (flags & 1 /* isElementConstructor */ || !origGetter) {
+          Object.defineProperty(prototype, memberName, {
+            get() {
+              if (BUILD.lazyLoad) {
+                if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
+                  return getValue(this, memberName);
+                }
+                const ref = getHostRef(this);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
+              }
+              if (!BUILD.lazyLoad) {
+                return origGetter ? origGetter.apply(this) : getValue(this, memberName);
+              }
+            },
+            configurable: true,
+            enumerable: true
+          });
+        }
+        Object.defineProperty(prototype, memberName, {
+          set(newValue) {
+            const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
+            if (BUILD.isDev) {
+              if (
+                // we are proxying the instance (not element)
+                (flags & 1 /* isElementConstructor */) === 0 && // if the class has a setter, then the Element can update instance values, so ignore
+                (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0 && // the element is not constructing
+                (ref && ref.$flags$ & 8 /* isConstructingInstance */) === 0 && // the member is a prop
+                (memberFlags & 31 /* Prop */) !== 0 && // the member is not mutable
+                (memberFlags & 1024 /* Mutable */) === 0
+              ) {
+                consoleDevWarn(
+                  `@Prop() "${memberName}" on <${cmpMeta.$tagName$}> is immutable but was modified from within the component.
+More information: https://stenciljs.com/docs/properties#prop-mutability`
+                );
+              }
+            }
+            if (origSetter) {
+              const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
+              if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
+                newValue = ref.$instanceValues$.get(memberName);
+              }
+              origSetter.apply(this, [
+                parsePropertyValue(
+                  newValue,
+                  memberFlags,
+                  BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
+              ]);
+              newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
+              setValue(this, memberName, newValue, cmpMeta);
+              return;
+            }
+            if (!BUILD.lazyLoad) {
+              setValue(this, memberName, newValue, cmpMeta);
+              return;
+            }
+            if (BUILD.lazyLoad) {
+              if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
+                setValue(this, memberName, newValue, cmpMeta);
+                if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
+                  ref.$fetchedCbList$.push(() => {
+                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
+                      ref.$lazyInstance$[memberName] = newValue;
+                    }
+                  });
+                }
+                return;
+              }
+              const setterSetVal = () => {
+                const currentValue = ref.$lazyInstance$[memberName];
+                if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                  ref.$instanceValues$.set(memberName, currentValue);
+                }
+                ref.$lazyInstance$[memberName] = parsePropertyValue(
+                  newValue,
+                  memberFlags,
+                  BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                );
+                setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
+              };
+              if (ref.$lazyInstance$) {
+                setterSetVal();
+              } else {
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
+              }
+            }
+          }
+        });
+      } else if (BUILD.lazyLoad && BUILD.method && flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
+        Object.defineProperty(prototype, memberName, {
+          value(...args) {
+            var _a2;
+            const ref = getHostRef(this);
+            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+              var _a3;
+              return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+            });
+          }
+        });
+      }
+    });
+    if (BUILD.observeAttribute && (!BUILD.lazyLoad || flags & 1 /* isElementConstructor */)) {
+      const attrNameToPropName = /* @__PURE__ */ new Map();
+      prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
+        plt.jmp(() => {
+          var _a2;
+          const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
+          if (BUILD.serializer && hostRef.$serializerValues$.has(propName) && hostRef.$serializerValues$.get(propName) === newValue) {
+            return;
+          }
+          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
+            newValue = this[propName];
+            delete this[propName];
+          }
+          if (BUILD.deserializer && cmpMeta.$deserializers$ && cmpMeta.$deserializers$[propName]) {
+            const setVal = (methodName, instance) => {
+              const deserializeVal = instance == null ? void 0 : instance[methodName](newValue, propName);
+              if (deserializeVal !== this[propName]) {
+                this[propName] = deserializeVal;
+              }
+            };
+            for (const deserializer of cmpMeta.$deserializers$[propName]) {
+              const [[methodName]] = Object.entries(deserializer);
+              if (BUILD.lazyLoad) {
+                if (hostRef.$lazyInstance$) {
+                  setVal(methodName, hostRef.$lazyInstance$);
+                } else {
+                  hostRef.$fetchedCbList$.push(() => {
+                    setVal(methodName, hostRef.$lazyInstance$);
+                  });
+                }
+              } else {
+                setVal(methodName, this);
+              }
+            }
+            return;
+          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          this[propName] == newValue) {
+            return;
+          } else if (propName == null) {
+            const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && newValue !== oldValue) {
+              const elm = BUILD.lazyLoad ? hostRef.$hostElement$ : this;
+              const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
+              const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
+              entry == null ? void 0 : entry.forEach((watcher) => {
+                const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
+                if (instance[watchMethodName] != null && (flags2 & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */)) {
+                  instance[watchMethodName].call(instance, newValue, oldValue, attrName);
+                }
+              });
+            }
+            return;
+          }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
+          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+            this[propName] = newValue;
+          }
+        });
+      };
+      Cstr.observedAttributes = Array.from(
+        /* @__PURE__ */ new Set([
+          ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
+            const attrName = m[1] || propName;
+            attrNameToPropName.set(attrName, propName);
+            if (BUILD.reflect && m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
+            return attrName;
+          })
+        ])
+      );
+    }
+  }
+  return Cstr;
+};
+
+// src/runtime/initialize-component.ts
+var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  let Cstr;
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (BUILD.lazyLoad && bundleId) {
+        const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
+        if (CstrImport && "then" in CstrImport) {
+          const endLoad = uniqueTime(
+            `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,
+            `[Stencil] Load module for <${cmpMeta.$tagName$}>`
+          );
+          Cstr = await CstrImport;
+          endLoad();
+        } else {
+          Cstr = CstrImport;
+        }
+        if (!Cstr) {
+          throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+        }
+        if (BUILD.member && !Cstr.isProxied) {
+          if (BUILD.propChangeCallback) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$serializers$ = Cstr.serializers;
+            cmpMeta.$deserializers$ = Cstr.deserializers;
+          }
+          proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+          Cstr.isProxied = true;
+        }
+        const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
+        if (BUILD.member) {
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
+        }
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        if (BUILD.member) {
+          hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+        }
+        if (BUILD.propChangeCallback) {
+          hostRef.$flags$ |= 128 /* isWatchReady */;
+        }
+        endNewInstance();
+        const needsDeferredCallback = BUILD.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+        if (!needsDeferredCallback) {
+          fireConnectedCallback(hostRef.$lazyInstance$, elm);
+        } else {
+          hostRef.$deferredConnectedCallback$ = true;
+        }
+      } else {
+        Cstr = elm.constructor;
+        const cmpTag = elm.localName;
+        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      }
+      if (BUILD.style && Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        } else if (BUILD.mode && typeof Cstr.style !== "string") {
+          hostRef.$modeName$ = computeMode(elm);
+          if (hostRef.$modeName$) {
+            style = Cstr.style[hostRef.$modeName$];
+          }
+          if (BUILD.hydrateServerSide && hostRef.$modeName$) {
+            elm.setAttribute("s-mode", hostRef.$modeName$);
+          }
+        }
+        const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
+        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement && hmrVersionId) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          if (BUILD.hydrateServerSide && BUILD.shadowDom) {
+            if (cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */) {
+              style = scopeCss(style, scopeId2, true);
+            } else if (needsScopedSSR()) {
+              style = expandPartSelectors(style);
+            }
+          }
+          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+          endRegisterStyles();
+        }
+      }
+    }
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (BUILD.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
+    } else {
+      schedule();
+    }
+  } catch (e) {
+    consoleError(e, elm);
+    if (BUILD.asyncLoading && hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (BUILD.asyncLoading && hostRef.$onReadyResolve$) {
+      hostRef.$onReadyResolve$(elm);
+    }
+  }
+};
+var fireConnectedCallback = (instance, elm) => {
+  if (BUILD.lazyLoad) {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
+};
+
+// src/runtime/connected-callback.ts
+var connectedCallback = (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
+    const cmpMeta = hostRef.$cmpMeta$;
+    const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
+    if (BUILD.hostListenerTargetParent) {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, true);
+    }
+    if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
+      hostRef.$flags$ |= 1 /* hasConnected */;
+      let hostId;
+      if (BUILD.hydrateClientSide) {
+        hostId = elm.getAttribute(HYDRATE_ID);
+        if (hostId) {
+          if (BUILD.shadowDom && supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            const scopeId2 = BUILD.mode ? addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute("s-mode")) : addStyle(elm.shadowRoot, cmpMeta);
+            elm.classList.remove(scopeId2 + "-h", scopeId2 + "-s");
+          } else if (BUILD.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+            const scopeId2 = getScopeId(cmpMeta, BUILD.mode ? elm.getAttribute("s-mode") : void 0);
+            elm["s-sc"] = scopeId2;
+          }
+          initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
+        }
+      }
+      if (BUILD.slotRelocation && !hostId) {
+        if (BUILD.hydrateServerSide || (BUILD.slot || BUILD.shadowDom) && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
+          setContentReference(elm);
+        }
+      }
+      if (BUILD.asyncLoading) {
+        let ancestorComponent = elm;
+        while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+          if (BUILD.hydrateClientSide && ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
+            attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+            break;
+          }
+        }
+      }
+      if (BUILD.prop && !BUILD.hydrateServerSide && cmpMeta.$members$) {
+        Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
+            const value = elm[memberName];
+            delete elm[memberName];
+            elm[memberName] = value;
+          }
+        });
+      }
+      if (BUILD.initializeNextTick) {
+        nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
+      } else {
+        initializeComponent(elm, hostRef, cmpMeta);
+      }
+    } else {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
+      }
+    }
+    endConnected();
+  }
+};
+var setContentReference = (elm) => {
+  if (!win.document) {
+    return;
+  }
+  const contentRefElm = elm["s-cr"] = win.document.createComment(
+    BUILD.isDebug ? `content-ref (host=${elm.localName})` : ""
+  );
+  contentRefElm["s-cn"] = true;
+  insertBefore(elm, contentRefElm, elm.firstChild);
+};
+var disconnectInstance = (instance, elm) => {
+  if (BUILD.lazyLoad) {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
+};
+var disconnectedCallback = async (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
+    if (BUILD.hostListener) {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
+    }
+    if (!BUILD.lazyLoad) {
+      disconnectInstance(elm);
+    } else if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
+    }
+  }
+  if (rootAppliedStyles.has(elm)) {
+    rootAppliedStyles.delete(elm);
+  }
+  if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
+    rootAppliedStyles.delete(elm.shadowRoot);
+  }
+};
+
+// src/runtime/bootstrap-custom-element.ts
+var defineCustomElement = (Cstr, compactMeta) => {
+  customElements.define(
+    transformTag(compactMeta[1]),
+    proxyCustomElement(Cstr, compactMeta)
+  );
+};
+var proxyCustomElement = (Cstr, compactMeta) => {
+  const cmpMeta = {
+    $flags$: compactMeta[0],
+    $tagName$: compactMeta[1]
+  };
+  try {
+    if (BUILD.member) {
+      cmpMeta.$members$ = compactMeta[2];
+    }
+    if (BUILD.hostListener) {
+      cmpMeta.$listeners$ = compactMeta[3];
+    }
+    if (BUILD.propChangeCallback) {
+      cmpMeta.$watchers$ = Cstr.$watchers$;
+      cmpMeta.$deserializers$ = Cstr.$deserializers$;
+      cmpMeta.$serializers$ = Cstr.$serializers$;
+    }
+    if (BUILD.reflect) {
+      cmpMeta.$attrsToReflect$ = [];
+    }
+    if (BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+      cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+    }
+    if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
+      if (BUILD.experimentalSlotFixes) {
+        patchPseudoShadowDom(Cstr.prototype);
+      } else {
+        if (BUILD.slotChildNodesFix) {
+          patchChildSlotNodes(Cstr.prototype);
+        }
+        if (BUILD.cloneNodeFix) {
+          patchCloneNode(Cstr.prototype);
+        }
+        if (BUILD.appendChildSlotFix) {
+          patchSlotAppendChild(Cstr.prototype);
+        }
+        if (BUILD.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          patchTextContent(Cstr.prototype);
+        }
+      }
+    } else if (BUILD.cloneNodeFix) {
+      patchCloneNode(Cstr.prototype);
+    }
+    if (BUILD.hydrateClientSide && BUILD.shadowDom) {
+      hydrateScopedToShadow();
+    }
+    const originalConnectedCallback = Cstr.prototype.connectedCallback;
+    const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
+    Object.assign(Cstr.prototype, {
+      __hasHostListenerAttached: false,
+      __registerHost() {
+        registerHost(this, cmpMeta);
+      },
+      connectedCallback() {
+        if (!this.__hasHostListenerAttached) {
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
+          addHostEventListeners(this, hostRef, cmpMeta.$listeners$, false);
+          this.__hasHostListenerAttached = true;
+        }
+        connectedCallback(this);
+        if (originalConnectedCallback) {
+          originalConnectedCallback.call(this);
+        }
+      },
+      disconnectedCallback() {
+        disconnectedCallback(this);
+        if (originalDisconnectedCallback) {
+          originalDisconnectedCallback.call(this);
+        }
+      },
+      __attachShadow() {
+        if (supportsShadow) {
+          if (!this.shadowRoot) {
+            createShadowRoot.call(this, cmpMeta);
+          } else {
+            if (this.shadowRoot.mode !== "open") {
+              throw new Error(
+                `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
+              );
+            }
+          }
+        } else {
+          this.shadowRoot = this;
+        }
+      }
+    });
+    Object.defineProperty(Cstr, "is", {
+      value: cmpMeta.$tagName$,
+      configurable: true
+    });
+    return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
+  } catch (e) {
+    consoleError(e);
+    return Cstr;
+  }
+};
+var forceModeUpdate = (elm) => {
+  if (BUILD.style && BUILD.mode && !BUILD.lazyLoad) {
+    const mode = computeMode(elm);
+    const hostRef = getHostRef(elm);
+    if (hostRef && hostRef.$modeName$ !== mode) {
+      const cmpMeta = hostRef.$cmpMeta$;
+      const oldScopeId = elm["s-sc"];
+      const scopeId2 = getScopeId(cmpMeta, mode);
+      const style = elm.constructor.style[mode];
+      const flags = cmpMeta.$flags$;
+      if (style) {
+        if (!styles.has(scopeId2)) {
+          registerStyle(scopeId2, style, !!(flags & 1 /* shadowDomEncapsulation */));
+        }
+        hostRef.$modeName$ = mode;
+        elm.classList.remove(oldScopeId + "-h", oldScopeId + "-s");
+        attachStyles(hostRef);
+        forceUpdate(elm);
+      }
+    }
+  }
+};
+
+// src/runtime/hmr-component.ts
+var hmrStart = (hostElement, cmpMeta, hmrVersionId) => {
+  const hostRef = getHostRef(hostElement);
+  if (!hostRef) {
+    return;
+  }
+  hostRef.$flags$ = 1 /* hasConnected */;
+  initializeComponent(hostElement, hostRef, cmpMeta, hmrVersionId);
+};
+
+// src/runtime/bootstrap-lazy.ts
+var bootstrapLazy = (lazyBundles, options = {}) => {
+  var _a;
+  if (BUILD.profile && performance.mark) {
+    performance.mark("st:app:start");
+  }
+  installDevTools();
+  if (!win.document) {
+    console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
+    return;
+  }
+  const endBootstrap = createTime("bootstrapLazy");
+  const cmpTags = [];
+  const exclude = options.exclude || [];
+  const customElements2 = win.customElements;
+  const head = win.document.head;
+  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
+  const dataStyles = /* @__PURE__ */ win.document.createElement("style");
+  const deferredConnectedCallbacks = [];
+  let appLoadFallback;
+  let isBootstrapping = true;
+  Object.assign(plt, options);
+  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
+  if (BUILD.asyncQueue) {
+    if (options.syncQueue) {
+      plt.$flags$ |= 4 /* queueSync */;
+    }
+  }
+  if (BUILD.hydrateClientSide) {
+    plt.$flags$ |= 2 /* appLoaded */;
+  }
+  if (BUILD.hydrateClientSide && BUILD.shadowDom) {
+    hydrateScopedToShadow();
+  }
+  let hasSlotRelocation = false;
+  lazyBundles.map((lazyBundle) => {
+    lazyBundle[1].map((compactMeta) => {
+      var _a2, _b, _c;
+      const cmpMeta = {
+        $flags$: compactMeta[0],
+        $tagName$: compactMeta[1],
+        $members$: compactMeta[2],
+        $listeners$: compactMeta[3]
+      };
+      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+        hasSlotRelocation = true;
+      }
+      if (BUILD.member) {
+        cmpMeta.$members$ = compactMeta[2];
+      }
+      if (BUILD.hostListener) {
+        cmpMeta.$listeners$ = compactMeta[3];
+      }
+      if (BUILD.reflect) {
+        cmpMeta.$attrsToReflect$ = [];
+      }
+      if (BUILD.propChangeCallback) {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
+      }
+      if (BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+        cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+      }
+      const tagName = BUILD.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : transformTag(cmpMeta.$tagName$);
+      const HostElement = class extends HTMLElement {
+        ["s-p"];
+        ["s-rc"];
+        hasRegisteredEventListeners = false;
+        // StencilLazyHost
+        constructor(self) {
+          super(self);
+          self = this;
+          registerHost(self, cmpMeta);
+          if (BUILD.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            if (supportsShadow) {
+              if (!self.shadowRoot) {
+                createShadowRoot.call(self, cmpMeta);
+              } else {
+                if (self.shadowRoot.mode !== "open") {
+                  throw new Error(
+                    `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
+                  );
+                }
+              }
+            } else if (!BUILD.hydrateServerSide && !("shadowRoot" in self)) {
+              self.shadowRoot = self;
+            }
+          }
+        }
+        connectedCallback() {
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
+          if (!this.hasRegisteredEventListeners) {
+            this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, hostRef, cmpMeta.$listeners$, false);
+          }
+          if (appLoadFallback) {
+            clearTimeout(appLoadFallback);
+            appLoadFallback = null;
+          }
+          if (isBootstrapping) {
+            deferredConnectedCallbacks.push(this);
+          } else {
+            plt.jmp(() => connectedCallback(this));
+          }
+        }
+        disconnectedCallback() {
+          plt.jmp(() => disconnectedCallback(this));
+          plt.raf(() => {
+            var _a3;
+            const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
+            if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
+              delete hostRef.$vnode$.$elm$;
+            }
+          });
+        }
+        componentOnReady() {
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
+        }
+      };
+      if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
+        if (BUILD.experimentalSlotFixes) {
+          patchPseudoShadowDom(HostElement.prototype);
+        } else {
+          if (BUILD.slotChildNodesFix) {
+            patchChildSlotNodes(HostElement.prototype);
+          }
+          if (BUILD.cloneNodeFix) {
+            patchCloneNode(HostElement.prototype);
+          }
+          if (BUILD.appendChildSlotFix) {
+            patchSlotAppendChild(HostElement.prototype);
+          }
+          if (BUILD.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+            patchTextContent(HostElement.prototype);
+          }
+        }
+      } else if (BUILD.cloneNodeFix) {
+        patchCloneNode(HostElement.prototype);
+      }
+      if (BUILD.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
+      if (BUILD.hotModuleReplacement) {
+        HostElement.prototype["s-hmr"] = function(hmrVersionId) {
+          hmrStart(this, cmpMeta, hmrVersionId);
+        };
+      }
+      cmpMeta.$lazyBundleId$ = lazyBundle[0];
+      if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
+        cmpTags.push(tagName);
+        customElements2.define(
+          tagName,
+          proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
+        );
+      }
+    });
+  });
+  if (cmpTags.length > 0) {
+    if (BUILD.slotRelocation && hasSlotRelocation) {
+      dataStyles.textContent += SLOT_FB_CSS;
+    }
+    if (BUILD.invisiblePrehydration && (BUILD.hydratedClass || BUILD.hydratedAttribute)) {
+      dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+    }
+    if (dataStyles.innerHTML.length) {
+      dataStyles.setAttribute("data-styles", "");
+      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+      if (nonce != null) {
+        dataStyles.setAttribute("nonce", nonce);
+      }
+      head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+    }
+  }
+  isBootstrapping = false;
+  if (deferredConnectedCallbacks.length) {
+    deferredConnectedCallbacks.map((host) => host.connectedCallback());
+  } else {
+    if (BUILD.profile) {
+      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30, "timeout"));
+    } else {
+      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
+    }
+  }
+  endBootstrap();
+};
+
+// src/runtime/fragment.ts
+var Fragment = (_, children) => children;
+var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
+  if (BUILD.hostListener && listeners && win.document) {
+    if (BUILD.hostListenerTargetParent) {
+      if (attachParentListeners) {
+        listeners = listeners.filter(([flags]) => flags & 32 /* TargetParent */);
+      } else {
+        listeners = listeners.filter(([flags]) => !(flags & 32 /* TargetParent */));
+      }
+    }
+    listeners.map(([flags, name, method]) => {
+      const target = BUILD.hostListenerTarget ? getHostListenerTarget(win.document, elm, flags) : elm;
+      const handler = hostListenerProxy(hostRef, method);
+      const opts = hostListenerOpts(flags);
+      plt.ael(target, name, handler, opts);
+      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
+    });
+  }
+};
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
+  try {
+    if (BUILD.lazyLoad) {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
+      } else {
+        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
+      }
+    } else {
+      hostRef.$hostElement$[methodName](ev);
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+};
+var getHostListenerTarget = (doc, elm, flags) => {
+  if (BUILD.hostListenerTargetDocument && flags & 4 /* TargetDocument */) {
+    return doc;
+  }
+  if (BUILD.hostListenerTargetWindow && flags & 8 /* TargetWindow */) {
+    return win;
+  }
+  if (BUILD.hostListenerTargetBody && flags & 16 /* TargetBody */) {
+    return doc.body;
+  }
+  if (BUILD.hostListenerTargetParent && flags & 32 /* TargetParent */ && elm.parentElement) {
+    return elm.parentElement;
+  }
+  return elm;
+};
+var hostListenerOpts = (flags) => supportsListenerOptions ? {
+  passive: (flags & 1 /* Passive */) !== 0,
+  capture: (flags & 2 /* Capture */) !== 0
+} : (flags & 2 /* Capture */) !== 0;
+var baseClass = BUILD.lazyLoad ? class {
+} : globalThis.HTMLElement || class {
+};
+function Mixin(...mixins) {
+  return mixins.reduceRight((acc, mixin) => mixin(acc), baseClass);
+}
+
+// src/runtime/nonce.ts
+var setNonce = (nonce) => plt.$nonce$ = nonce;
+
+// src/runtime/platform-options.ts
+var setPlatformOptions = (opts) => Object.assign(plt, opts);
+
+// src/runtime/render.ts
+function render(vnode, container) {
+  const cmpMeta = {
+    $flags$: 0,
+    $tagName$: container.tagName
+  };
+  const ref = {
+    $flags$: 0,
+    $cmpMeta$: cmpMeta,
+    $hostElement$: container
+  };
+  renderVdom(ref, vnode);
+}
+
+// src/runtime/tag-transform.ts
+var tagTransformer = void 0;
+function transformTag(tag) {
+  if (!tagTransformer) return tag;
+  return tagTransformer(tag);
+}
+function setTagTransformer(transformer) {
+  if (tagTransformer) {
+    console.warn(`
+      A tagTransformer has already been set. 
+      Overwriting it may lead to error and unexpected results if your components have already been defined.
+    `);
+  }
+  tagTransformer = transformer;
+}
+
+// src/runtime/vdom/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0 && !("key" in rest)) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(type, props, key) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0 && !("key" in rest)) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+function jsxs(type, props, key) {
+  return jsx(type, props, key);
+}
+
+// src/runtime/vdom/vdom-annotations.ts
+var insertVdomAnnotations = (doc, staticComponents) => {
+  if (doc != null) {
+    const docData = STENCIL_DOC_DATA in doc ? doc[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
+    docData.staticComponents = new Set(staticComponents);
+    const orgLocationNodes = [];
+    parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
+    orgLocationNodes.forEach((orgLocationNode) => {
+      var _a;
+      if (orgLocationNode != null && orgLocationNode["s-nr"]) {
+        const nodeRef = orgLocationNode["s-nr"];
+        let hostId = nodeRef["s-host-id"];
+        let nodeId = nodeRef["s-node-id"];
+        let childId = `${hostId}.${nodeId}`;
+        if (hostId == null) {
+          hostId = 0;
+          docData.rootLevelIds++;
+          nodeId = docData.rootLevelIds;
+          childId = `${hostId}.${nodeId}`;
+          if (nodeRef.nodeType === 1 /* ElementNode */) {
+            nodeRef.setAttribute(HYDRATE_CHILD_ID, childId);
+            if (typeof nodeRef["s-sn"] === "string" && !nodeRef.getAttribute("slot")) {
+              nodeRef.setAttribute("s-sn", nodeRef["s-sn"]);
+            }
+          } else if (nodeRef.nodeType === 3 /* TextNode */) {
+            if (hostId === 0) {
+              const textContent = (_a = nodeRef.nodeValue) == null ? void 0 : _a.trim();
+              if (textContent === "") {
+                orgLocationNode.remove();
+                return;
+              }
+            }
+            const commentBeforeTextNode = doc.createComment(childId);
+            commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
+            insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
+          } else if (nodeRef.nodeType === 8 /* CommentNode */) {
+            const commentBeforeTextNode = doc.createComment(childId);
+            commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
+            nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
+          }
+        }
+        let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;
+        const orgLocationParentNode = orgLocationNode.parentElement;
+        if (orgLocationParentNode) {
+          if (orgLocationParentNode["s-en"] === "") {
+            orgLocationNodeId += `.`;
+          } else if (orgLocationParentNode["s-en"] === "c") {
+            orgLocationNodeId += `.c`;
+          }
+        }
+        orgLocationNode.nodeValue = orgLocationNodeId;
+      }
+    });
+  }
+};
+var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
+  var _a;
+  if (node == null) {
+    return;
+  }
+  if (node["s-nr"] != null) {
+    orgLocationNodes.push(node);
+  }
+  if (node.nodeType === 1 /* ElementNode */) {
+    const childNodes = [...Array.from(node.childNodes), ...Array.from(((_a = node.shadowRoot) == null ? void 0 : _a.childNodes) || [])];
+    childNodes.forEach((childNode) => {
+      const hostRef = getHostRef(childNode);
+      if (hostRef != null && !docData.staticComponents.has(childNode.nodeName.toLowerCase())) {
+        const cmpData = {
+          nodeIds: 0
+        };
+        insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);
+      }
+      parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
+    });
+  }
+};
+var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
+  if (vnode != null) {
+    const hostId = ++docData.hostIds;
+    hostElm.setAttribute(HYDRATE_ID, hostId);
+    if (hostElm["s-cr"] != null) {
+      hostElm["s-cr"].nodeValue = `${CONTENT_REF_ID}.${hostId}`;
+    }
+    if (vnode.$children$ != null) {
+      const depth = 0;
+      vnode.$children$.forEach((vnodeChild, index) => {
+        insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
+      });
+    }
+    if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {
+      const parent = hostElm.parentElement;
+      if (parent && parent.childNodes) {
+        const parentChildNodes = Array.from(parent.childNodes);
+        const comment = parentChildNodes.find(
+          (node) => node.nodeType === 8 /* CommentNode */ && node["s-sr"]
+        );
+        if (comment) {
+          const index = parentChildNodes.indexOf(hostElm) - 1;
+          vnode.$elm$.setAttribute(
+            HYDRATE_CHILD_ID,
+            `${comment["s-host-id"]}.${comment["s-node-id"]}.0.${index}`
+          );
+        }
+      }
+    }
+  }
+};
+var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
+  const childElm = vnodeChild.$elm$;
+  if (childElm == null) {
+    return;
+  }
+  const nodeId = cmpData.nodeIds++;
+  const childId = `${hostId}.${nodeId}.${depth}.${index}`;
+  childElm["s-host-id"] = hostId;
+  childElm["s-node-id"] = nodeId;
+  if (childElm.nodeType === 1 /* ElementNode */) {
+    childElm.setAttribute(HYDRATE_CHILD_ID, childId);
+    if (typeof childElm["s-sn"] === "string" && !childElm.getAttribute("slot")) {
+      childElm.setAttribute("s-sn", childElm["s-sn"]);
+    }
+  } else if (childElm.nodeType === 3 /* TextNode */) {
+    const parentNode = childElm.parentNode;
+    const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
+    if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
+      const textNodeId = `${TEXT_NODE_ID}.${childId}`;
+      const commentBeforeTextNode = doc.createComment(textNodeId);
+      insertBefore(parentNode, commentBeforeTextNode, childElm);
+    }
+  } else if (childElm.nodeType === 8 /* CommentNode */) {
+    if (childElm["s-sr"]) {
+      const slotName = childElm["s-sn"] || "";
+      const slotNodeId = `${SLOT_NODE_ID}.${childId}.${slotName}`;
+      childElm.nodeValue = slotNodeId;
+    }
+  }
+  if (vnodeChild.$children$ != null) {
+    const childDepth = depth + 1;
+    vnodeChild.$children$.forEach((vnode, index2) => {
+      insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index2);
+    });
+  }
+};
+
+export { BUILD as B, H, NAMESPACE as N, bootstrapLazy as b, consoleDevInfo as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s, win as w };
+//# sourceMappingURL=index-C9gbKL_s.js.map
+
+//# sourceMappingURL=index-C9gbKL_s.js.map