npm - bromcom-ui-next - Versions diffs - 0.1.29 → 0.1.30 - Mend

bromcom-ui-next 0.1.29 → 0.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (426) hide show

package/dist/cjs/{index-BtiU-G2W.js → index-CmYzUr-k.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const NAMESPACE = 'bromcom-ui';
-const BUILD = /* bromcom-ui */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
+const BUILD = /* bromcom-ui */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, updatable: true};
 function addHeadScript(obj) {
     const head = document.head;
@@ -47,7 +47,7 @@ const globalScripts = globalFn;
 const globalStyles = "@tailwind components;@tailwind utilities;*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:1px;--tw-ring-offset-color:#fff;--tw-ring-color:var(--bcm-ui-color-ring-default);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:1px;--tw-ring-offset-color:#fff;--tw-ring-color:var(--bcm-ui-color-ring-default);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite}.font-sans{font-family:Inter,sans-serif}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}.animate-shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}:root{--bcm-ui-color-text-base:#fff;--bcm-ui-color-text-header:var(--bcm-color-secondary-800);--bcm-ui-color-text-default:var(--bcm-color-secondary-700);--bcm-ui-color-text-label:var(--bcm-color-secondary-700);--bcm-ui-color-text-helper:var(--bcm-color-secondary-500);--bcm-ui-color-text-placeholder:var(--bcm-color-secondary-500);--bcm-ui-color-text-caption:var(--bcm-color-secondary-600);--bcm-ui-color-text-icon-default:var(--bcm-color-secondary-600);--bcm-ui-color-text-icon-dark:var(--bcm-color-secondary-700);--bcm-ui-color-text-primary:var(--bcm-color-primary-700);--bcm-ui-color-text-info:var(--bcm-color-info-700);--bcm-ui-color-text-success:var(--bcm-color-success-700);--bcm-ui-color-text-warning:var(--bcm-color-warning-700);--bcm-ui-color-text-error:var(--bcm-color-error-700);--bcm-ui-color-text-disabled:var(--bcm-color-secondary-500);--bcm-ui-color-text-visited:oklch(0.496 0.265 301.924);--bcm-ui-color-border-base:#fff;--bcm-ui-color-border-default:var(--bcm-color-secondary-300);--bcm-ui-color-border-default-alt:var(--bcm-color-secondary-600);--bcm-ui-color-border-focus:var(--bcm-color-primary-800);--bcm-ui-color-border-disabled:var(--bcm-color-secondary-300);--bcm-ui-color-border-primary:var(--bcm-color-primary-700);--bcm-ui-color-border-info:var(--bcm-color-info-700);--bcm-ui-color-border-success:var(--bcm-color-success-700);--bcm-ui-color-border-warning:var(--bcm-color-warning-700);--bcm-ui-color-border-error:var(--bcm-color-error-700);--bcm-ui-color-background-basic-masterpage:oklch(0.985 0.002 247.839);--bcm-ui-color-background-basic-card:#fff;--bcm-ui-color-background-basic-modal:#fff;--bcm-ui-color-background-basic-panel:#fff;--bcm-ui-color-background-basic-base:#fff;--bcm-ui-color-background-disabled-default:var(--bcm-color-secondary-300);--bcm-ui-color-background-base-default:#fff;--bcm-ui-color-background-base-hover:var(--bcm-color-secondary-100);--bcm-ui-color-background-base-active:var(--bcm-color-secondary-200);--bcm-ui-color-background-default-default:var(--bcm-color-secondary-100);--bcm-ui-color-background-default-hover:var(--bcm-color-secondary-200);--bcm-ui-color-background-default-active:var(--bcm-color-secondary-300);--bcm-ui-color-background-default-dark-default:var(--bcm-color-secondary-700);--bcm-ui-color-background-default-dark-hover:var(--bcm-color-secondary-800);--bcm-ui-color-background-default-dark-active:var(--bcm-color-secondary-900);--bcm-ui-color-background-primary-default:var(--bcm-color-primary-700);--bcm-ui-color-background-primary-hover:var(--bcm-color-primary-800);--bcm-ui-color-background-primary-active:var(--bcm-color-primary-900);--bcm-ui-color-background-info-default:var(--bcm-color-info-700);--bcm-ui-color-background-info-hover:var(--bcm-color-info-800);--bcm-ui-color-background-info-active:var(--bcm-color-info-900);--bcm-ui-color-background-success-default:var(--bcm-color-success-700);--bcm-ui-color-background-success-hover:var(--bcm-color-success-800);--bcm-ui-color-background-success-active:var(--bcm-color-success-900);--bcm-ui-color-background-warning-default:var(--bcm-color-warning-700);--bcm-ui-color-background-warning-hover:var(--bcm-color-warning-800);--bcm-ui-color-background-warning-active:var(--bcm-color-warning-900);--bcm-ui-color-background-error-default:var(--bcm-color-error-700);--bcm-ui-color-background-error-hover:var(--bcm-color-error-800);--bcm-ui-color-background-error-active:var(--bcm-color-error-900);--bcm-ui-color-ring-default:var(--bcm-color-primary-700);--bcm-ui-color-background-transparent-default:rgba(0,0,0,.4);--bcm-ui-color-text-palette-primary:var(--bcm-color-primary-700);--bcm-ui-color-text-palette-info:var(--bcm-color-info-700);--bcm-ui-color-text-palette-success:var(--bcm-color-success-700);--bcm-ui-color-text-palette-warning:var(--bcm-color-warning-700);--bcm-ui-color-text-palette-error:var(--bcm-color-error-700);--bcm-ui-color-text-palette-slate:oklch(0.372 0.044 257.287);--bcm-ui-color-text-palette-gray:oklch(0.373 0.034 259.733);--bcm-ui-color-text-palette-zinc:oklch(0.37 0.013 285.805);--bcm-ui-color-text-palette-neutral:oklch(0.371 0 0);--bcm-ui-color-text-palette-stone:oklch(0.374 0.01 67.558);--bcm-ui-color-text-palette-red:oklch(0.505 0.213 27.518);--bcm-ui-color-text-palette-orange:oklch(0.553 0.195 38.402);--bcm-ui-color-text-palette-amber:oklch(0.555 0.163 48.998);--bcm-ui-color-text-palette-yellow:oklch(0.554 0.135 66.442);--bcm-ui-color-text-palette-lime:oklch(0.532 0.157 131.589);--bcm-ui-color-text-palette-green:oklch(0.527 0.154 150.069);--bcm-ui-color-text-palette-emerald:oklch(0.508 0.118 165.612);--bcm-ui-color-text-palette-teal:oklch(0.511 0.096 186.391);--bcm-ui-color-text-palette-cyan:oklch(0.52 0.105 223.128);--bcm-ui-color-text-palette-sky:oklch(0.5 0.134 242.749);--bcm-ui-color-text-palette-blue:oklch(0.488 0.243 264.376);--bcm-ui-color-text-palette-indigo:oklch(0.457 0.24 277.023);--bcm-ui-color-text-palette-violet:oklch(0.491 0.27 292.581);--bcm-ui-color-text-palette-purple:oklch(0.496 0.265 301.924);--bcm-ui-color-text-palette-fuchsia:oklch(0.518 0.253 323.949);--bcm-ui-color-text-palette-pink:oklch(0.525 0.223 3.958);--bcm-ui-color-text-palette-rose:oklch(0.514 0.222 16.935);--bcm-ui-color-border-palette-primary:var(--bcm-color-primary-700);--bcm-ui-color-border-palette-info:var(--bcm-color-info-700);--bcm-ui-color-border-palette-success:var(--bcm-color-success-700);--bcm-ui-color-border-palette-warning:var(--bcm-color-warning-700);--bcm-ui-color-border-palette-error:var(--bcm-color-error-700);--bcm-ui-color-border-palette-slate:oklch(0.372 0.044 257.287);--bcm-ui-color-border-palette-gray:oklch(0.373 0.034 259.733);--bcm-ui-color-border-palette-zinc:oklch(0.37 0.013 285.805);--bcm-ui-color-border-palette-neutral:oklch(0.371 0 0);--bcm-ui-color-border-palette-stone:oklch(0.374 0.01 67.558);--bcm-ui-color-border-palette-red:oklch(0.505 0.213 27.518);--bcm-ui-color-border-palette-orange:oklch(0.553 0.195 38.402);--bcm-ui-color-border-palette-amber:oklch(0.555 0.163 48.998);--bcm-ui-color-border-palette-yellow:oklch(0.554 0.135 66.442);--bcm-ui-color-border-palette-lime:oklch(0.532 0.157 131.589);--bcm-ui-color-border-palette-green:oklch(0.527 0.154 150.069);--bcm-ui-color-border-palette-emerald:oklch(0.508 0.118 165.612);--bcm-ui-color-border-palette-teal:oklch(0.511 0.096 186.391);--bcm-ui-color-border-palette-cyan:oklch(0.52 0.105 223.128);--bcm-ui-color-border-palette-sky:oklch(0.5 0.134 242.749);--bcm-ui-color-border-palette-blue:oklch(0.488 0.243 264.376);--bcm-ui-color-border-palette-indigo:oklch(0.457 0.24 277.023);--bcm-ui-color-border-palette-violet:oklch(0.491 0.27 292.581);--bcm-ui-color-border-palette-purple:oklch(0.496 0.265 301.924);--bcm-ui-color-border-palette-fuchsia:oklch(0.518 0.253 323.949);--bcm-ui-color-border-palette-pink:oklch(0.525 0.223 3.958);--bcm-ui-color-border-palette-rose:oklch(0.514 0.222 16.935);--bcm-ui-color-background-vivid-primary-default:var(--bcm-color-primary-700);--bcm-ui-color-background-vivid-primary-hover:var(--bcm-color-primary-800);--bcm-ui-color-background-vivid-primary-active:var(--bcm-color-primary-900);--bcm-ui-color-background-vivid-info-default:var(--bcm-color-info-700);--bcm-ui-color-background-vivid-info-hover:var(--bcm-color-info-800);--bcm-ui-color-background-vivid-info-active:var(--bcm-color-info-900);--bcm-ui-color-background-vivid-success-default:var(--bcm-color-success-700);--bcm-ui-color-background-vivid-success-hover:var(--bcm-color-success-800);--bcm-ui-color-background-vivid-success-active:var(--bcm-color-success-900);--bcm-ui-color-background-vivid-warning-default:var(--bcm-color-warning-700);--bcm-ui-color-background-vivid-warning-hover:var(--bcm-color-warning-800);--bcm-ui-color-background-vivid-warning-active:var(--bcm-color-warning-900);--bcm-ui-color-background-vivid-error-default:var(--bcm-color-error-700);--bcm-ui-color-background-vivid-error-hover:var(--bcm-color-error-800);--bcm-ui-color-background-vivid-error-active:var(--bcm-color-error-900);--bcm-ui-color-background-vivid-slate-default:oklch(0.372 0.044 257.287);--bcm-ui-color-background-vivid-slate-hover:oklch(0.279 0.041 260.031);--bcm-ui-color-background-vivid-slate-active:oklch(0.208 0.042 265.755);--bcm-ui-color-background-vivid-gray-default:oklch(0.373 0.034 259.733);--bcm-ui-color-background-vivid-gray-hover:oklch(0.278 0.033 256.848);--bcm-ui-color-background-vivid-gray-active:oklch(0.21 0.034 264.665);--bcm-ui-color-background-vivid-zinc-default:oklch(0.37 0.013 285.805);--bcm-ui-color-background-vivid-zinc-hover:oklch(0.274 0.006 286.033);--bcm-ui-color-background-vivid-zinc-active:oklch(0.21 0.006 285.885);--bcm-ui-color-background-vivid-neutral-default:oklch(0.371 0 0);--bcm-ui-color-background-vivid-neutral-hover:oklch(0.269 0 0);--bcm-ui-color-background-vivid-neutral-active:oklch(0.205 0 0);--bcm-ui-color-background-vivid-stone-default:oklch(0.374 0.01 67.558);--bcm-ui-color-background-vivid-stone-hover:oklch(0.268 0.007 34.298);--bcm-ui-color-background-vivid-stone-active:oklch(0.216 0.006 56.043);--bcm-ui-color-background-vivid-red-default:oklch(0.505 0.213 27.518);--bcm-ui-color-background-vivid-red-hover:oklch(0.444 0.177 26.899);--bcm-ui-color-background-vivid-red-active:oklch(0.396 0.141 25.723);--bcm-ui-color-background-vivid-orange-default:oklch(0.553 0.195 38.402);--bcm-ui-color-background-vivid-orange-hover:oklch(0.47 0.157 37.304);--bcm-ui-color-background-vivid-orange-active:oklch(0.408 0.123 38.172);--bcm-ui-color-background-vivid-amber-default:oklch(0.555 0.163 48.998);--bcm-ui-color-background-vivid-amber-hover:oklch(0.473 0.137 46.201);--bcm-ui-color-background-vivid-amber-active:oklch(0.414 0.112 45.904);--bcm-ui-color-background-vivid-yellow-default:oklch(0.554 0.135 66.442);--bcm-ui-color-background-vivid-yellow-hover:oklch(0.476 0.114 61.907);--bcm-ui-color-background-vivid-yellow-active:oklch(0.421 0.095 57.708);--bcm-ui-color-background-vivid-lime-default:oklch(0.532 0.157 131.589);--bcm-ui-color-background-vivid-lime-hover:oklch(0.453 0.124 130.933);--bcm-ui-color-background-vivid-lime-active:oklch(0.405 0.101 131.063);--bcm-ui-color-background-vivid-green-default:oklch(0.527 0.154 150.069);--bcm-ui-color-background-vivid-green-hover:oklch(0.448 0.119 151.328);--bcm-ui-color-background-vivid-green-active:oklch(0.393 0.095 152.535);--bcm-ui-color-background-vivid-emerald-default:oklch(0.508 0.118 165.612);--bcm-ui-color-background-vivid-emerald-hover:oklch(0.432 0.095 166.913);--bcm-ui-color-background-vivid-emerald-active:oklch(0.378 0.077 168.94);--bcm-ui-color-background-vivid-teal-default:oklch(0.511 0.096 186.391);--bcm-ui-color-background-vivid-teal-hover:oklch(0.437 0.078 188.216);--bcm-ui-color-background-vivid-teal-active:oklch(0.386 0.063 188.416);--bcm-ui-color-background-vivid-cyan-default:oklch(0.52 0.105 223.128);--bcm-ui-color-background-vivid-cyan-hover:oklch(0.45 0.085 224.283);--bcm-ui-color-background-vivid-cyan-active:oklch(0.398 0.07 227.392);--bcm-ui-color-background-vivid-sky-default:oklch(0.5 0.134 242.749);--bcm-ui-color-background-vivid-sky-hover:oklch(0.443 0.11 240.79);--bcm-ui-color-background-vivid-sky-active:oklch(0.391 0.09 240.876);--bcm-ui-color-background-vivid-blue-default:oklch(0.488 0.243 264.376);--bcm-ui-color-background-vivid-blue-hover:oklch(0.424 0.199 265.638);--bcm-ui-color-background-vivid-blue-active:oklch(0.379 0.146 265.522);--bcm-ui-color-background-vivid-indigo-default:oklch(0.457 0.24 277.023);--bcm-ui-color-background-vivid-indigo-hover:oklch(0.398 0.195 277.366);--bcm-ui-color-background-vivid-indigo-active:oklch(0.359 0.144 278.697);--bcm-ui-color-background-vivid-violet-default:oklch(0.491 0.27 292.581);--bcm-ui-color-background-vivid-violet-hover:oklch(0.432 0.232 292.759);--bcm-ui-color-background-vivid-violet-active:oklch(0.38 0.189 293.745);--bcm-ui-color-background-vivid-purple-default:oklch(0.496 0.265 301.924);--bcm-ui-color-background-vivid-purple-hover:oklch(0.438 0.218 303.724);--bcm-ui-color-background-vivid-purple-active:oklch(0.381 0.176 304.987);--bcm-ui-color-background-vivid-fuchsia-default:oklch(0.518 0.253 323.949);--bcm-ui-color-background-vivid-fuchsia-hover:oklch(0.452 0.211 324.591);--bcm-ui-color-background-vivid-fuchsia-active:oklch(0.401 0.17 325.612);--bcm-ui-color-background-vivid-pink-default:oklch(0.525 0.223 3.958);--bcm-ui-color-background-vivid-pink-hover:oklch(0.459 0.187 3.815);--bcm-ui-color-background-vivid-pink-active:oklch(0.408 0.153 2.432);--bcm-ui-color-background-vivid-rose-default:oklch(0.514 0.222 16.935);--bcm-ui-color-background-vivid-rose-hover:oklch(0.455 0.188 13.697);--bcm-ui-color-background-vivid-rose-active:oklch(0.41 0.159 10.272);--bcm-ui-color-background-soft-primary-default:var(--bcm-color-primary-50);--bcm-ui-color-background-soft-info-default:var(--bcm-color-info-50);--bcm-ui-color-background-soft-success-default:var(--bcm-color-success-50);--bcm-ui-color-background-soft-warning-default:var(--bcm-color-warning-50);--bcm-ui-color-background-soft-error-default:var(--bcm-color-error-50);--bcm-ui-color-background-soft-slate-default:oklch(0.984 0.003 247.858);--bcm-ui-color-background-soft-gray-default:oklch(0.985 0.002 247.839);--bcm-ui-color-background-soft-zinc-default:oklch(0.985 0 0);--bcm-ui-color-background-soft-neutral-default:oklch(0.985 0 0);--bcm-ui-color-background-soft-stone-default:oklch(0.985 0.001 106.423);--bcm-ui-color-background-soft-red-default:oklch(0.971 0.013 17.38);--bcm-ui-color-background-soft-orange-default:oklch(0.98 0.016 73.684);--bcm-ui-color-background-soft-amber-default:oklch(0.987 0.022 95.277);--bcm-ui-color-background-soft-yellow-default:oklch(0.987 0.026 102.212);--bcm-ui-color-background-soft-lime-default:oklch(0.986 0.031 120.757);--bcm-ui-color-background-soft-green-default:oklch(0.982 0.018 155.826);--bcm-ui-color-background-soft-emerald-default:oklch(0.979 0.021 166.113);--bcm-ui-color-background-soft-teal-default:oklch(0.984 0.014 180.72);--bcm-ui-color-background-soft-cyan-default:oklch(0.984 0.019 200.873);--bcm-ui-color-background-soft-sky-default:oklch(0.977 0.013 236.62);--bcm-ui-color-background-soft-blue-default:oklch(0.97 0.014 254.604);--bcm-ui-color-background-soft-indigo-default:oklch(0.962 0.018 272.314);--bcm-ui-color-background-soft-violet-default:oklch(0.969 0.016 293.756);--bcm-ui-color-background-soft-purple-default:oklch(0.977 0.014 308.299);--bcm-ui-color-background-soft-fuchsia-default:oklch(0.977 0.017 320.058);--bcm-ui-color-background-soft-pink-default:oklch(0.971 0.014 343.198);--bcm-ui-color-background-soft-rose-default:oklch(0.969 0.015 12.422);--bcm-ui-color-background-palette-primary-default:var(--bcm-color-primary-100);--bcm-ui-color-background-palette-primary-hover:var(--bcm-color-primary-200);--bcm-ui-color-background-palette-primary-active:var(--bcm-color-primary-300);--bcm-ui-color-background-palette-info-default:var(--bcm-color-info-100);--bcm-ui-color-background-palette-info-hover:var(--bcm-color-info-200);--bcm-ui-color-background-palette-info-active:var(--bcm-color-info-300);--bcm-ui-color-background-palette-success-default:var(--bcm-color-success-100);--bcm-ui-color-background-palette-success-hover:var(--bcm-color-success-200);--bcm-ui-color-background-palette-success-active:var(--bcm-color-success-300);--bcm-ui-color-background-palette-warning-default:var(--bcm-color-warning-100);--bcm-ui-color-background-palette-warning-hover:var(--bcm-color-warning-200);--bcm-ui-color-background-palette-warning-active:var(--bcm-color-warning-300);--bcm-ui-color-background-palette-error-default:var(--bcm-color-error-100);--bcm-ui-color-background-palette-error-hover:var(--bcm-color-error-200);--bcm-ui-color-background-palette-error-active:var(--bcm-color-error-300);--bcm-ui-color-background-palette-slate-default:oklch(0.968 0.007 247.896);--bcm-ui-color-background-palette-slate-hover:oklch(0.929 0.013 255.508);--bcm-ui-color-background-palette-slate-active:oklch(0.869 0.022 252.894);--bcm-ui-color-background-palette-gray-default:oklch(0.967 0.003 264.542);--bcm-ui-color-background-palette-gray-hover:oklch(0.928 0.006 264.531);--bcm-ui-color-background-palette-gray-active:oklch(0.872 0.01 258.338);--bcm-ui-color-background-palette-zinc-default:oklch(0.967 0.001 286.375);--bcm-ui-color-background-palette-zinc-hover:oklch(0.92 0.004 286.32);--bcm-ui-color-background-palette-zinc-active:oklch(0.871 0.006 286.286);--bcm-ui-color-background-palette-neutral-default:oklch(0.97 0 0);--bcm-ui-color-background-palette-neutral-hover:oklch(0.922 0 0);--bcm-ui-color-background-palette-neutral-active:oklch(0.87 0 0);--bcm-ui-color-background-palette-stone-default:oklch(0.97 0.001 106.424);--bcm-ui-color-background-palette-stone-hover:oklch(0.923 0.003 48.717);--bcm-ui-color-background-palette-stone-active:oklch(0.869 0.005 56.366);--bcm-ui-color-background-palette-red-default:oklch(0.936 0.032 17.717);--bcm-ui-color-background-palette-red-hover:oklch(0.885 0.062 18.334);--bcm-ui-color-background-palette-red-active:oklch(0.808 0.114 19.571);--bcm-ui-color-background-palette-orange-default:oklch(0.954 0.038 75.164);--bcm-ui-color-background-palette-orange-hover:oklch(0.901 0.076 70.697);--bcm-ui-color-background-palette-orange-active:oklch(0.837 0.128 66.29);--bcm-ui-color-background-palette-amber-default:oklch(0.962 0.059 95.617);--bcm-ui-color-background-palette-amber-hover:oklch(0.924 0.12 95.746);--bcm-ui-color-background-palette-amber-active:oklch(0.879 0.169 91.605);--bcm-ui-color-background-palette-yellow-default:oklch(0.973 0.071 103.193);--bcm-ui-color-background-palette-yellow-hover:oklch(0.945 0.129 101.54);--bcm-ui-color-background-palette-yellow-active:oklch(0.905 0.182 98.111);--bcm-ui-color-background-palette-lime-default:oklch(0.967 0.067 122.328);--bcm-ui-color-background-palette-lime-hover:oklch(0.938 0.127 124.321);--bcm-ui-color-background-palette-lime-active:oklch(0.897 0.196 126.665);--bcm-ui-color-background-palette-green-default:oklch(0.962 0.044 156.743);--bcm-ui-color-background-palette-green-hover:oklch(0.925 0.084 155.995);--bcm-ui-color-background-palette-green-active:oklch(0.871 0.15 154.449);--bcm-ui-color-background-palette-emerald-default:oklch(0.95 0.052 163.051);--bcm-ui-color-background-palette-emerald-hover:oklch(0.905 0.093 164.15);--bcm-ui-color-background-palette-emerald-active:oklch(0.845 0.143 164.978);--bcm-ui-color-background-palette-teal-default:oklch(0.953 0.051 180.801);--bcm-ui-color-background-palette-teal-hover:oklch(0.91 0.096 180.426);--bcm-ui-color-background-palette-teal-active:oklch(0.855 0.138 181.071);--bcm-ui-color-background-palette-cyan-default:oklch(0.956 0.045 203.388);--bcm-ui-color-background-palette-cyan-hover:oklch(0.917 0.08 205.041);--bcm-ui-color-background-palette-cyan-active:oklch(0.865 0.127 207.078);--bcm-ui-color-background-palette-sky-default:oklch(0.951 0.026 236.824);--bcm-ui-color-background-palette-sky-hover:oklch(0.901 0.058 230.902);--bcm-ui-color-background-palette-sky-active:oklch(0.828 0.111 230.318);--bcm-ui-color-background-palette-blue-default:oklch(0.932 0.032 255.585);--bcm-ui-color-background-palette-blue-hover:oklch(0.882 0.059 254.128);--bcm-ui-color-background-palette-blue-active:oklch(0.809 0.105 251.813);--bcm-ui-color-background-palette-indigo-default:oklch(0.93 0.034 272.788);--bcm-ui-color-background-palette-indigo-hover:oklch(0.87 0.065 274.039);--bcm-ui-color-background-palette-indigo-active:oklch(0.785 0.115 274.713);--bcm-ui-color-background-palette-violet-default:oklch(0.943 0.029 294.588);--bcm-ui-color-background-palette-violet-hover:oklch(0.894 0.057 293.283);--bcm-ui-color-background-palette-violet-active:oklch(0.811 0.111 293.571);--bcm-ui-color-background-palette-purple-default:oklch(0.946 0.033 307.174);--bcm-ui-color-background-palette-purple-hover:oklch(0.902 0.063 306.703);--bcm-ui-color-background-palette-purple-active:oklch(0.827 0.119 306.383);--bcm-ui-color-background-palette-fuchsia-default:oklch(0.952 0.037 318.852);--bcm-ui-color-background-palette-fuchsia-hover:oklch(0.903 0.076 319.62);--bcm-ui-color-background-palette-fuchsia-active:oklch(0.833 0.145 321.434);--bcm-ui-color-background-palette-pink-default:oklch(0.948 0.028 342.258);--bcm-ui-color-background-palette-pink-hover:oklch(0.899 0.061 343.231);--bcm-ui-color-background-palette-pink-active:oklch(0.823 0.12 346.018);--bcm-ui-color-background-palette-rose-default:oklch(0.941 0.03 12.58);--bcm-ui-color-background-palette-rose-hover:oklch(0.892 0.058 10.001);--bcm-ui-color-background-palette-rose-active:oklch(0.81 0.117 11.638);--bcm-ui-box-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--bcm-ui-box-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--bcm-ui-box-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--bcm-ui-box-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--bcm-ui-box-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--bcm-ui-box-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--bcm-ui-box-shadow-none:none;--bcm-ui-box-shadow-default:0 4px 12px 0 rgba(17,24,39,.1),0 1px 2px -1px rgba(0,0,0,.1);--bcm-ui-box-shadow-2:0px 1px 3px 0px rgba(0,0,0,.1),0px 1px 2px -1px rgba(0,0,0,.1);--bcm-ui-box-shadow-3:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1);--bcm-ui-box-shadow-4:0px 10px 15px -3px rgba(0,0,0,.1),0px 4px 6px -4px rgba(0,0,0,.1);--bcm-ui-font-size-1:0.5rem;--bcm-ui-font-size-2:0.625rem;--bcm-ui-font-size-3:0.75rem;--bcm-ui-font-size-4:0.875rem;--bcm-ui-font-size-5:1rem;--bcm-ui-font-size-6:1.125rem;--bcm-ui-font-size-7:1.25rem;--bcm-ui-font-size-8:1.5rem;--bcm-ui-font-size-9:2rem;--bcm-ui-font-size-10:2.25rem;--bcm-ui-font-size-11:3rem;--bcm-ui-font-size-12:3.75rem;--bcm-ui-font-size-13:4.5rem;--bcm-ui-font-size-14:6rem;--bcm-ui-font-size-inherit:inherit;--bcm-ui-line-height-1:0.625rem;--bcm-ui-line-height-2:0.75rem;--bcm-ui-line-height-3:1rem;--bcm-ui-line-height-4:1.25rem;--bcm-ui-line-height-5:1.5rem;--bcm-ui-line-height-6:1.5rem;--bcm-ui-line-height-7:1.75rem;--bcm-ui-line-height-8:2rem;--bcm-ui-line-height-9:2.25rem;--bcm-ui-line-height-10:2.75rem;--bcm-ui-line-height-11:4rem;--bcm-ui-line-height-12:4.5rem;--bcm-ui-line-height-13:5.625rem;--bcm-ui-line-height-14:6rem;--bcm-ui-line-height-inherit:inherit;--bcm-ui-border-radius-none:0;--bcm-ui-border-radius-xs:2px;--bcm-ui-border-radius-sm:4px;--bcm-ui-border-radius-md:6px;--bcm-ui-border-radius-lg:8px;--bcm-ui-border-radius-xl:12px;--bcm-ui-border-radius-2xl:16px;--bcm-ui-border-radius-3xl:24px;--bcm-ui-border-radius-4xl:32px;--bcm-ui-border-radius-full:9999px;--bcm-ui-border-radius-default:var(--bcm-ui-border-radius-md);--bcm-color-primary-50:oklch(0.97 0.014 254.604);--bcm-color-primary-100:oklch(0.932 0.032 255.585);--bcm-color-primary-200:oklch(0.882 0.059 254.128);--bcm-color-primary-300:oklch(0.809 0.105 251.813);--bcm-color-primary-400:oklch(0.707 0.165 254.624);--bcm-color-primary-500:oklch(0.623 0.214 259.815);--bcm-color-primary-600:oklch(0.546 0.245 262.881);--bcm-color-primary-700:oklch(0.488 0.243 264.376);--bcm-color-primary-800:oklch(0.424 0.199 265.638);--bcm-color-primary-900:oklch(0.379 0.146 265.522);--bcm-color-primary-950:oklch(0.282 0.091 267.935);--bcm-color-secondary-50:oklch(0.985 0.002 247.839);--bcm-color-secondary-100:oklch(0.967 0.003 264.542);--bcm-color-secondary-200:oklch(0.928 0.006 264.531);--bcm-color-secondary-300:oklch(0.872 0.01 258.338);--bcm-color-secondary-400:oklch(0.707 0.022 261.325);--bcm-color-secondary-500:oklch(0.551 0.027 264.364);--bcm-color-secondary-600:oklch(0.446 0.03 256.802);--bcm-color-secondary-700:oklch(0.373 0.034 259.733);--bcm-color-secondary-800:oklch(0.278 0.033 256.848);--bcm-color-secondary-900:oklch(0.21 0.034 264.665);--bcm-color-secondary-950:oklch(0.13 0.028 261.692);--bcm-color-info-50:oklch(0.97 0.014 254.604);--bcm-color-info-100:oklch(0.932 0.032 255.585);--bcm-color-info-200:oklch(0.882 0.059 254.128);--bcm-color-info-300:oklch(0.809 0.105 251.813);--bcm-color-info-400:oklch(0.707 0.165 254.624);--bcm-color-info-500:oklch(0.623 0.214 259.815);--bcm-color-info-600:oklch(0.546 0.245 262.881);--bcm-color-info-700:oklch(0.488 0.243 264.376);--bcm-color-info-800:oklch(0.424 0.199 265.638);--bcm-color-info-900:oklch(0.379 0.146 265.522);--bcm-color-info-950:oklch(0.282 0.091 267.935);--bcm-color-success-50:oklch(0.979 0.021 166.113);--bcm-color-success-100:oklch(0.95 0.052 163.051);--bcm-color-success-200:oklch(0.905 0.093 164.15);--bcm-color-success-300:oklch(0.845 0.143 164.978);--bcm-color-success-400:oklch(0.765 0.177 163.223);--bcm-color-success-500:oklch(0.696 0.17 162.48);--bcm-color-success-600:oklch(0.596 0.145 163.225);--bcm-color-success-700:oklch(0.508 0.118 165.612);--bcm-color-success-800:oklch(0.432 0.095 166.913);--bcm-color-success-900:oklch(0.378 0.077 168.94);--bcm-color-success-950:oklch(0.262 0.051 172.552);--bcm-color-warning-50:oklch(0.987 0.022 95.277);--bcm-color-warning-100:oklch(0.962 0.059 95.617);--bcm-color-warning-200:oklch(0.924 0.12 95.746);--bcm-color-warning-300:oklch(0.879 0.169 91.605);--bcm-color-warning-400:oklch(0.828 0.189 84.429);--bcm-color-warning-500:oklch(0.769 0.188 70.08);--bcm-color-warning-600:oklch(0.666 0.179 58.318);--bcm-color-warning-700:oklch(0.555 0.163 48.998);--bcm-color-warning-800:oklch(0.473 0.137 46.201);--bcm-color-warning-900:oklch(0.414 0.112 45.904);--bcm-color-warning-950:oklch(0.279 0.077 45.635);--bcm-color-error-50:oklch(0.971 0.013 17.38);--bcm-color-error-100:oklch(0.936 0.032 17.717);--bcm-color-error-200:oklch(0.885 0.062 18.334);--bcm-color-error-300:oklch(0.808 0.114 19.571);--bcm-color-error-400:oklch(0.704 0.191 22.216);--bcm-color-error-500:oklch(0.637 0.237 25.331);--bcm-color-error-600:oklch(0.577 0.245 27.325);--bcm-color-error-700:oklch(0.505 0.213 27.518);--bcm-color-error-800:oklch(0.444 0.177 26.899);--bcm-color-error-900:oklch(0.396 0.141 25.723);--bcm-color-error-950:oklch(0.258 0.092 26.042)}@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\");";
 /*
- Stencil Client Platform v4.36.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -63,6 +63,7 @@ var getHostRef = (ref) => {
   return void 0;
 };
 var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
 };
@@ -71,7 +72,8 @@ var registerHost = (hostElement, cmpMeta) => {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
@@ -81,6 +83,9 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
+  {
+    hostRef.$fetchedCbList$ = [];
+  }
   const ref = hostRef;
   hostElement.__stencil__getHostRef = () => ref;
   return ref;
@@ -284,112 +289,6 @@ function createShadowRoot(cmpMeta) {
     }
   }
 }
-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)) {
-      slottedNodes.push(childNode);
-    }
-    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 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 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 createTime = (fnName, tagName = "") => {
   {
     return () => {
@@ -511,7 +410,6 @@ var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
-  let slotName = null;
   let simple = false;
   let lastSimple = false;
   const vNodeChildren = [];
@@ -538,9 +436,6 @@ var h = (nodeName, vnodeData, ...children) => {
     if (vnodeData.key) {
       key = vnodeData.key;
     }
-    if (vnodeData.name) {
-      slotName = vnodeData.name;
-    }
     {
       const classData = vnodeData.className || vnodeData.class;
       if (classData) {
@@ -563,9 +458,6 @@ var h = (nodeName, vnodeData, ...children) => {
   {
     vnode.$key$ = key;
   }
-  {
-    vnode.$name$ = slotName;
-  }
   return vnode;
 };
 var newVNode = (tag, text) => {
@@ -582,9 +474,6 @@ var newVNode = (tag, text) => {
   {
     vnode.$key$ = null;
   }
-  {
-    vnode.$name$ = null;
-  }
   return vnode;
 };
 var Host = {};
@@ -825,41 +714,15 @@ function sortedAttrNames(attrNames) {
     attrNames
   );
 }
-var contentRef;
 var hostTagName;
-var useNativeShadowDom = false;
-var checkSlotFallbackVisibility = false;
-var checkSlotRelocate = false;
 var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
-  var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
   let childNode;
-  let oldVNode;
-  if (!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 (newVNode2.$text$ !== null) {
     elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
-  } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
-    elm = newVNode2.$elm$ = win.document.createTextNode("");
-    {
-      updateElement(null, newVNode2, isSvgMode);
-    }
   } else {
     if (!win.document) {
       throw new Error(
@@ -867,7 +730,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       );
     }
     elm = newVNode2.$elm$ = win.document.createElement(
-      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+      newVNode2.$tag$
     );
     {
       updateElement(null, newVNode2, isSvgMode);
@@ -882,43 +745,10 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     }
   }
   elm["s-hn"] = hostTagName;
-  {
-    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$) {
-        {
-          putBackInOriginalLocation(oldParentVNode.$elm$, false);
-        }
-      }
-    }
-  }
   return elm;
 };
-var putBackInOriginalLocation = (parentElm, recursive) => {
-  plt.$flags$ |= 1 /* isTmpDisconnected */;
-  const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  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$ &= -2 /* isTmpDisconnected */;
-};
 var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
-  let containerElm = parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
+  let containerElm = parentElm;
   let childNode;
   if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
@@ -928,7 +758,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
       childNode = createElm(null, parentVNode, startIdx);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        insertBefore(containerElm, childNode, referenceNode(before) );
+        insertBefore(containerElm, childNode, before);
       }
     }
   }
@@ -940,14 +770,6 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
       const elm = vnode.$elm$;
       nullifyVNodeRefs(vnode);
       if (elm) {
-        {
-          checkSlotFallbackVisibility = true;
-          if (elm["s-ol"]) {
-            elm["s-ol"].remove();
-          } else {
-            putBackInOriginalLocation(elm, true);
-          }
-        }
         elm.remove();
       }
     }
@@ -984,17 +806,11 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       oldEndVnode = oldCh[--oldEndIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
-      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
-        putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
-      }
       patch(oldStartVnode, newEndVnode, isInitialRender);
       insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
-      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
-        putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
-      }
       patch(oldEndVnode, newStartVnode, isInitialRender);
       insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
@@ -1025,11 +841,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       }
       if (node) {
         {
-          insertBefore(
-            referenceNode(oldStartVnode.$elm$).parentNode,
-            node,
-            referenceNode(oldStartVnode.$elm$)
-          );
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
         }
       }
     }
@@ -1049,9 +861,6 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
 };
 var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   if (leftVNode.$tag$ === rightVNode.$tag$) {
-    if (leftVNode.$tag$ === "slot") {
-      return leftVNode.$name$ === rightVNode.$name$;
-    }
     if (!isInitialRender) {
       return leftVNode.$key$ === rightVNode.$key$;
     }
@@ -1062,13 +871,11 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   }
   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 text = newVNode2.$text$;
-  let defaultHolder;
   if (text === null) {
     {
       updateElement(oldVNode, newVNode2, isSvgMode);
@@ -1086,62 +893,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     } else ;
-  } else if ((defaultHolder = elm["s-cr"])) {
-    defaultHolder.parentNode.textContent = text;
   } else if (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"] && (true)) {
-          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) => {
   {
     vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
@@ -1154,7 +909,6 @@ var insertBefore = (parent, newNode, reference) => {
   }
 };
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-  var _a, _b, _c, _d;
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1163,9 +917,11 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   hostTagName = hostElm.tagName;
   if (cmpMeta.$attrsToReflect$) {
     rootVnode.$attrs$ = rootVnode.$attrs$ || {};
-    cmpMeta.$attrsToReflect$.map(
-      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
-    );
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
   }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
@@ -1178,78 +934,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
   rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
-  useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
-  {
-    contentRef = hostElm["s-cr"];
-    checkSlotFallbackVisibility = false;
-  }
   patch(oldVNode, rootVnode, isInitialLoad);
-  {
-    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 = win.document.createTextNode("");
-          orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
-        }
-      }
-      for (const relocateData of relocateNodes) {
-        const nodeToRelocate = relocateData.$nodeToRelocate$;
-        const slotRefNode = relocateData.$slotRefNode$;
-        if (slotRefNode) {
-          const parentNodeRef = slotRefNode.parentNode;
-          let insertBeforeNode = slotRefNode.nextSibling;
-          {
-            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
-            while (orgLocationNode) {
-              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : 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) {
-              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
-                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
-              }
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
-              if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
-                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
-              }
-            }
-          }
-          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
-        } else {
-          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-            if (isInitialLoad) {
-              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
-            }
-            nodeToRelocate.hidden = true;
-          }
-        }
-      }
-    }
-    if (checkSlotFallbackVisibility) {
-      updateFallbackSlotVisibility(rootVnode.$elm$);
-    }
-    plt.$flags$ &= -2 /* isTmpDisconnected */;
-    relocateNodes.length = 0;
-  }
-  contentRef = void 0;
 };
 // src/runtime/update-component.ts
@@ -1295,10 +980,15 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     {
-      hostRef.$flags$ |= 256 /* isListenReady */;
-      if (hostRef.$queuedListeners$) {
-        hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
-        hostRef.$queuedListeners$ = void 0;
+      {
+        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));
       }
     }
     maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
@@ -1473,9 +1163,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  if (cmpMeta.$members$ || 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]]) => {
@@ -1510,8 +1208,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -1526,7 +1222,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
                 if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$onReadyPromise$.then(() => {
+                  ref.$fetchedCbList$.push(() => {
                     if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
                       ref.$lazyInstance$[memberName] = newValue;
                     }
@@ -1547,7 +1243,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if (ref.$lazyInstance$) {
                 setterSetVal();
               } else {
-                ref.$onReadyPromise$.then(() => setterSetVal());
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
               }
             }
           }
@@ -1571,14 +1269,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
           if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          }
+          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 hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
             if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
@@ -1591,9 +1290,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             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);
-          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
-          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1601,7 +1303,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       Cstr.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
-          ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
             var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
@@ -1638,6 +1340,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       if (!Cstr.isProxied) {
         {
           cmpMeta.$watchers$ = Cstr.watchers;
+          cmpMeta.$serializers$ = Cstr.serializers;
+          cmpMeta.$deserializers$ = Cstr.deserializers;
         }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
@@ -1702,12 +1406,6 @@ var connectedCallback = (elm) => {
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
       hostRef.$flags$ |= 1 /* hasConnected */;
-      {
-        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
-          setContentReference(elm);
-        }
-      }
       {
         let ancestorComponent = elm;
         while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
@@ -1719,7 +1417,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -1740,16 +1438,6 @@ var connectedCallback = (elm) => {
     endConnected();
   }
 };
-var setContentReference = (elm) => {
-  if (!win.document) {
-    return;
-  }
-  const contentRefElm = elm["s-cr"] = win.document.createComment(
-    ""
-  );
-  contentRefElm["s-cn"] = true;
-  insertBefore(elm, contentRefElm, elm.firstChild);
-};
 var disconnectInstance = (instance, elm) => {
   {
     safeCall(instance, "disconnectedCallback", void 0, elm || instance);
@@ -1800,7 +1488,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2;
+      var _a2, _b, _c;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -1821,6 +1509,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       }
       {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
@@ -1921,9 +1611,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   }
   endBootstrap();
 };
-// src/runtime/fragment.ts
-var Fragment = (_, children) => children;
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
   if (listeners && win.document) {
     listeners.map(([flags, name, method]) => {
@@ -1950,6 +1637,9 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 4 /* TargetDocument */) {
+    return doc;
+  }
   if (flags & 8 /* TargetWindow */) {
     return win;
   }
@@ -1963,7 +1653,6 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
-exports.Fragment = Fragment;
 exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
@@ -1973,6 +1662,6 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
-//# sourceMappingURL=index-BtiU-G2W.js.map
+//# sourceMappingURL=index-CmYzUr-k.js.map
-//# sourceMappingURL=index-BtiU-G2W.js.map
+//# sourceMappingURL=index-CmYzUr-k.js.map