bromcom-ui-next 0.1.29 → 0.1.31

package/dist/components/index.js

@@ -8,42 +8,45 @@ function addHeadScript(obj) {
 }
 addHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });
 const FA_GLOBAL_CSS = 'https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css';
-customElements.define('bcm-icon', class extends HTMLElement {
-    constructor() {
-        super();
-        const shadow = this.attachShadow({ mode: 'open' });
-        shadow.innerHTML = `
+// Check if the custom element is already defined to prevent re-registration errors
+if (!customElements.get('bcm-icon')) {
+    customElements.define('bcm-icon', class extends HTMLElement {
+        constructor() {
+            super();
+            const shadow = this.attachShadow({ mode: 'open' });
+            shadow.innerHTML = `
         <link rel="stylesheet" href="${FA_GLOBAL_CSS}"/>
         <i></i>
       `;
-    }
-    static get observedAttributes() {
-        return ['name', 'icon-name'];
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if ((name === 'name' || name === 'icon-name') && oldValue !== newValue) {
-            this.icon = newValue;
         }
-    }
-    get icon() {
-        return this.getAttribute('name') || this.getAttribute('icon-name');
-    }
-    set icon(icon) {
-        this.shadowRoot.querySelector('i').className = `${icon}`;
-    }
-    connectedCallback() {
-        this.style.display = 'inline-block';
-        this.icon = this.icon;
-    }
-});
+        static get observedAttributes() {
+            return ['name', 'icon-name'];
+        }
+        attributeChangedCallback(name, oldValue, newValue) {
+            if ((name === 'name' || name === 'icon-name') && oldValue !== newValue) {
+                this.icon = newValue;
+            }
+        }
+        get icon() {
+            return this.getAttribute('name') || this.getAttribute('icon-name');
+        }
+        set icon(icon) {
+            this.shadowRoot.querySelector('i').className = `${icon}`;
+        }
+        connectedCallback() {
+            this.style.display = 'inline-block';
+            this.icon = this.icon;
+        }
+    });
+}
 
 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\");";
 
 const NAMESPACE = 'bromcom-ui';
-const BUILD = /* bromcom-ui */ { hydratedSelectorName: "hydrated", lazyLoad: false, slotRelocation: true, updatable: true};
+const BUILD = /* bromcom-ui */ { hydratedSelectorName: "hydrated", lazyLoad: false, updatable: true};
 
 /*
- 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) => {
@@ -51,6 +54,40 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
+// src/utils/es2022-rewire-class-members.ts
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((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) {
@@ -63,7 +100,8 @@ var registerHost = (hostElement, cmpMeta) => {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
@@ -72,6 +110,9 @@ var registerHost = (hostElement, cmpMeta) => {
   }
   const ref = hostRef;
   hostElement.__stencil__getHostRef = () => ref;
+  {
+    reWireGetterSetter(hostElement, hostRef);
+  }
   return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
@@ -81,6 +122,12 @@ var consoleError = (e, el) => (0, console.error)(e, el);
 var styles = /* @__PURE__ */ new Map();
 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 {
 };
@@ -249,112 +296,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 () => {
@@ -469,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 = [];
@@ -496,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) {
@@ -521,9 +458,6 @@ var h = (nodeName, vnodeData, ...children) => {
   {
     vnode.$key$ = key;
   }
-  {
-    vnode.$name$ = slotName;
-  }
   return vnode;
 };
 var newVNode = (tag, text) => {
@@ -540,9 +474,6 @@ var newVNode = (tag, text) => {
   {
     vnode.$key$ = null;
   }
-  {
-    vnode.$name$ = null;
-  }
   return vnode;
 };
 var Host = {};
@@ -592,7 +523,9 @@ createSupportsRuleRe(":host-context");
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
@@ -782,41 +715,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(
@@ -824,7 +731,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);
@@ -839,43 +746,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;
@@ -885,7 +759,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);
       }
     }
   }
@@ -897,14 +771,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();
       }
     }
@@ -941,17 +807,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];
@@ -982,11 +842,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$);
         }
       }
     }
@@ -1006,9 +862,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$;
     }
@@ -1019,13 +872,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);
@@ -1043,62 +894,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);
@@ -1111,7 +910,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);
@@ -1120,9 +918,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$)) {
@@ -1135,78 +935,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
@@ -1381,7 +1110,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = elm;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0]);
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if (didValueChange) {
@@ -1415,9 +1146,38 @@ 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.$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 = 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 = originalFormAssociatedCallback;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
+  {
+    {
+      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]]) => {
@@ -1446,13 +1206,13 @@ 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(
                   newValue,
-                  memberFlags)
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -1472,11 +1232,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
-          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ; else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          const hostRef = getHostRef(this);
+          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ;
+          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 elm = this;
@@ -1490,9 +1251,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;
           }
         });
@@ -1500,7 +1264,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);
@@ -1561,12 +1325,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) {
@@ -1578,16 +1336,14 @@ 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;
           }
         });
       }
-      if (BUILD.initializeNextTick) {
-        nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
-      } else {
+      {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
@@ -1599,16 +1355,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 disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
@@ -1639,6 +1385,8 @@ var proxyCustomElement = (Cstr, compactMeta) => {
   }
   {
     cmpMeta.$watchers$ = Cstr.$watchers$;
+    cmpMeta.$deserializers$ = Cstr.$deserializers$;
+    cmpMeta.$serializers$ = Cstr.$serializers$;
   }
   {
     cmpMeta.$attrsToReflect$ = [];
@@ -1685,7 +1433,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     }
   });
   Cstr.is = cmpMeta.$tagName$;
-  return proxyComponent(Cstr, cmpMeta);
+  return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
 };
 
 // src/runtime/fragment.ts
@@ -1711,8 +1459,8 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (doc, elm, flags) => {
-  if (flags & 8 /* TargetWindow */) {
-    return win;
+  if (flags & 4 /* TargetDocument */) {
+    return doc;
   }
   return elm;
 };