bromcom-ui-next 0.1.36 → 0.1.38

package/dist/bromcom-ui/bromcom-ui.css

@@ -1 +1 @@
-@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-scroll-snap-strictness:proximity;--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;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width: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;}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(@fontsource-variable/inter/files/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(@fontsource-variable/inter/files/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,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 Variable,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)}
+@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-scroll-snap-strictness:proximity;--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;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width: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;}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,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,Inter Variable,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)}:root.theme--indigo{--bcm-color-primary-50:oklch(0.962 0.018 272.314);--bcm-color-primary-100:oklch(0.93 0.034 272.788);--bcm-color-primary-200:oklch(0.87 0.065 274.039);--bcm-color-primary-300:oklch(0.785 0.115 274.713);--bcm-color-primary-400:oklch(0.673 0.182 276.935);--bcm-color-primary-500:oklch(0.585 0.233 277.117);--bcm-color-primary-600:oklch(0.511 0.262 276.966);--bcm-color-primary-700:oklch(0.457 0.24 277.023);--bcm-color-primary-800:oklch(0.398 0.195 277.366);--bcm-color-primary-900:oklch(0.359 0.144 278.697);--bcm-color-primary-950:oklch(0.257 0.09 281.288)}:root.theme--sky{--bcm-color-primary-50:oklch(0.977 0.013 236.62);--bcm-color-primary-100:oklch(0.951 0.026 236.824);--bcm-color-primary-200:oklch(0.901 0.058 230.902);--bcm-color-primary-300:oklch(0.828 0.111 230.318);--bcm-color-primary-400:oklch(0.746 0.16 232.661);--bcm-color-primary-500:oklch(0.685 0.169 237.323);--bcm-color-primary-600:oklch(0.588 0.158 241.966);--bcm-color-primary-700:oklch(0.5 0.134 242.749);--bcm-color-primary-800:oklch(0.443 0.11 240.79);--bcm-color-primary-900:oklch(0.391 0.09 240.876);--bcm-color-primary-950:oklch(0.293 0.066 243.157)}:root.theme--violet{--bcm-color-primary-50:oklch(0.969 0.016 293.756);--bcm-color-primary-100:oklch(0.943 0.029 294.588);--bcm-color-primary-200:oklch(0.894 0.057 293.283);--bcm-color-primary-300:oklch(0.811 0.111 293.571);--bcm-color-primary-400:oklch(0.702 0.183 293.541);--bcm-color-primary-500:oklch(0.606 0.25 292.717);--bcm-color-primary-600:oklch(0.541 0.281 293.009);--bcm-color-primary-700:oklch(0.491 0.27 292.581);--bcm-color-primary-800:oklch(0.432 0.232 292.759);--bcm-color-primary-900:oklch(0.38 0.189 293.745);--bcm-color-primary-950:oklch(0.283 0.141 291.089)}

package/dist/bromcom-ui/bromcom-ui.esm.js

@@ -1 +1 @@
-import{p as e,g as a,b as i}from"./p-CMMdTZSd.js";export{s as setNonce}from"./p-CMMdTZSd.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-27bbf889",[[769,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["p-50543ea6",[[769,"bcm-avatar",{image:[1],alt:[1],shape:[1],size:[1],color:[1],icon:[1],status:[1],blink:[4],name:[1],isFallback:[32]}]]],["p-190c8b3d",[[577,"bcm-file-upload",{name:[1],label:[1],caption:[1],multiple:[4],accept:[1],maxSize:[1026,"max-size"],required:[4],disabled:[4],size:[1],uploadUrl:[1,"upload-url"],maxFileCount:[2,"max-file-count"],customErrorMessages:[16],files:[32],dragActive:[32],maxSizeError:[32],typeError:[32],maxFileCountError:[32]},null,{maxSize:[{handleMaxSizeChange:0}]}]]],["p-d450e75a",[[769,"bcm-pop-confirm",{placement:[1],size:[1],status:[1],headerText:[1,"header-text"],description:[1],confirmText:[1,"confirm-text"],cancelText:[1,"cancel-text"],showArrow:[4,"show-arrow"],statusIcon:[4,"status-icon"],offsetDistance:[2,"offset-distance"],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{isOpen:[{handleOpenChange:0}]}]]],["p-b7b26c54",[[769,"bcm-segment",{value:[513],disabled:[516],selected:[1540],size:[1025],index:[1026],activeIndex:[1026,"active-index"]}],[833,"bcm-segmented-picker",{value:[1537],name:[513],required:[516],size:[513],fullWidth:[516,"full-width"],disabled:[516],shadow:[516],segments:[32],activeIndex:[32],setValue:[64],getValue:[64]},[[0,"bcmSegmentClick","handleSegmentClick"]],{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}],[769,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]]],["p-34a7f059",[[769,"bcm-accordion",{expanded:[1540],headerTitle:[1,"header-title"],group:[516],hintText:[1,"hint-text"],hasFooterContent:[32],toggle:[64],expand:[64],collapse:[64]}]]],["p-0c6c9eeb",[[769,"bcm-accordion-group",{multi:[4],accordionItems:[32],expandAll:[64],collapseAll:[64],getExpandedItems:[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["p-110ec129",[[769,"bcm-basic-badge",{size:[1],variant:[1],color:[1],soft:[4],text:[1]}]]],["p-0e2b31bd",[[769,"bcm-button-group",{kind:[1],size:[1],status:[1],fullWidth:[516,"full-width"],loading:[4],disabled:[4],orientation:[513]}]]],["p-bbdef540",[[833,"bcm-checkbox",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],indeterminate:[1028],size:[1],error:[1028],caption:[1025],labelPosition:[1,"label-position"],fullWidth:[516,"full-width"],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}]]],["p-445ed748",[[769,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]]],["p-e4313ff2",[[513,"bcm-divider",{direction:[1],variant:[1],size:[1]}]]],["p-1217a925",[[769,"bcm-drawer",{open:[1540],size:[1],position:[513],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],backdrop:[8],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"]],{open:[{handleOpenChange:0}]}]]],["p-f336c466",[[769,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]]],["p-5f5d9e0b",[[833,"bcm-input",{value:[1537],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],type:[1],disabled:[4],readonly:[4],required:[4],autocomplete:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],min:[2],max:[2],step:[2],pattern:[1],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],prefixIcon:[1,"prefix-icon"],suffixIcon:[1,"suffix-icon"],useNativeValidation:[4,"use-native-validation"],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],isPasswordVisible:[32],setFocus:[64],setBlur:[64],select:[64],setLocale:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-b1cdd6d5",[[769,"bcm-modal",{open:[1540],size:[1],placement:[1],backdrop:[8],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],isAnimating:[32],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-0243883b",[[769,"bcm-popover",{size:[1],placement:[1],trigger:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],open:[1540],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],headerText:[1,"header-text"],message:[1],arrow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-080da372",[[833,"bcm-radio",{_id:[513,"id"],label:[1],name:[1],value:[1],checked:[1540],size:[1],disabled:[4],readonly:[4],labelPosition:[1,"label-position"],error:[4],required:[4],internalChecked:[32]},null,{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}]]],["p-60f827f5",[[769,"bcm-radio-group",{name:[1],value:[1],disabled:[4],required:[4],error:[4],label:[1],size:[1],direction:[1],captionText:[1,"caption-text"],setClear:[64],resetCaption:[64]},[[2,"bcmRadioChange","handleRadioChange"]],{value:[{handleValueChange:0}]}]]],["p-d6bb2275",[[513,"bcm-shortcut",{hotkey:[1],size:[1]}]]],["p-89ca4d42",[[833,"bcm-switch",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],labelPosition:[1,"label-position"],error:[1028],caption:[1025],size:[1],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}]]],["p-cb6d892a",[[769,"bcm-tab",{value:[513],label:[513],disabled:[516],active:[1540],size:[1025]}]]],["p-e009ad6f",[[769,"bcm-tabs",{value:[1537],size:[513],variant:[513],shadow:[516],tabs:[32],activeIndex:[32],setActiveTab:[64],getActiveTab:[64]},[[0,"bcmTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}]]],["p-7cc9e983",[[833,"bcm-textarea",{value:[1537],rows:[2],cols:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],resize:[1],autoGrow:[4,"auto-grow"],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],disabled:[4],readonly:[4],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],showCounter:[4,"show-counter"],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],setFocus:[64],setBlur:[64],select:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-be443d89",[[769,"bcm-tooltip",{trigger:[1],placement:[1],size:[1],message:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],arrow:[4],disabled:[4],offset:[2],follow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},null,{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}]]],["p-fe5a2a9c",[[769,"bcm-alert",{status:[1],size:[1],kind:[1],dismissible:[4],showStatusIcon:[4,"show-status-icon"]}]]],["p-f1e0d703",[[769,"bcm-badge",{size:[1],variant:[1],color:[1],soft:[4],blink:[4],status:[1],position:[1],offset:[1],text:[1]}]]],["p-b6b7b65d",[[769,"bcm-linked",{visible:[1540],trigger:[1],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],offsetDistance:[2,"offset-distance"],showArrow:[4,"show-arrow"],disabled:[4],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isVisible:[32],show:[64],hide:[64],toggle:[64],updatePosition:[64]},[[4,"keydown","handleKeyDown"]],{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}]]],["p-276e7fba",[[769,"bcm-button",{kind:[1],size:[1],status:[1],variant:[1],position:[513],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],fullWidth:[516,"full-width"],type:[1],loading:[4],disabled:[4],text:[1],active:[4],form:[1],value:[1],name:[1],label:[1],expanded:[1],controls:[1]}]]]],e))));
+import{p as e,g as a,b as i}from"./p-DIiUOF5H.js";export{s as setNonce}from"./p-DIiUOF5H.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-c8c399bb",[[769,"bcm-dropdown",{text:[1],dropdownItems:[32]},[[2,"bcmDropDownItemChange","handleDropdownItemChange"]]]]],["p-f9076786",[[769,"bcm-avatar",{image:[1],alt:[1],shape:[1],size:[1],color:[1],icon:[1],status:[1],blink:[4],name:[1],isFallback:[32]}]]],["p-9bc0b3ad",[[577,"bcm-file-upload",{name:[1],label:[1],caption:[1],multiple:[4],accept:[1],maxSize:[1026,"max-size"],required:[4],disabled:[4],size:[1],uploadUrl:[1,"upload-url"],maxFileCount:[2,"max-file-count"],customErrorMessages:[16],files:[32],dragActive:[32],maxSizeError:[32],typeError:[32],maxFileCountError:[32]},null,{maxSize:[{handleMaxSizeChange:0}]}]]],["p-5bf6d3a2",[[769,"bcm-pop-confirm",{placement:[1],size:[1],status:[1],headerText:[1,"header-text"],description:[1],confirmText:[1,"confirm-text"],cancelText:[1,"cancel-text"],showArrow:[4,"show-arrow"],statusIcon:[4,"status-icon"],offsetDistance:[2,"offset-distance"],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{isOpen:[{handleOpenChange:0}]}]]],["p-650bf4dd",[[769,"bcm-accordion",{expanded:[1540],headerTitle:[1,"header-title"],group:[516],hintText:[1,"hint-text"],hasFooterContent:[32],toggle:[64],expand:[64],collapse:[64]}]]],["p-d9a06ddc",[[769,"bcm-accordion-group",{multi:[4],accordionItems:[32],expandAll:[64],collapseAll:[64],getExpandedItems:[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]]],["p-550d9dad",[[769,"bcm-basic-badge",{size:[1],variant:[1],color:[1],soft:[4],text:[1]}]]],["p-a844da5b",[[769,"bcm-button-group",{kind:[1],size:[1],status:[1],fullWidth:[516,"full-width"],loading:[4],disabled:[4],orientation:[513]}]]],["p-9db47fd4",[[833,"bcm-checkbox",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],indeterminate:[1028],size:[1],error:[1028],caption:[1025],labelPosition:[1,"label-position"],fullWidth:[516,"full-width"],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}]]],["p-d1209793",[[769,"bcm-chip",{size:[1],kind:[1],status:[1],dismissible:[4],disabled:[4],color:[1]}]]],["p-3c60e192",[[513,"bcm-divider",{direction:[1],variant:[1],size:[1]}]]],["p-a36652c9",[[769,"bcm-drawer",{open:[1540],size:[1],position:[513],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],backdrop:[8],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"]],{open:[{handleOpenChange:0}]}]]],["p-e021239d",[[769,"bcm-dropdown-item",{text:[1],icon:[1],rightIcons:[16],selected:[516],error:[516],disabled:[516]}]]],["p-142a39f1",[[833,"bcm-input",{value:[1537],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],type:[1],disabled:[4],readonly:[4],required:[4],autocomplete:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],min:[2],max:[2],step:[2],pattern:[1],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],prefixIcon:[1,"prefix-icon"],suffixIcon:[1,"suffix-icon"],useNativeValidation:[4,"use-native-validation"],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],isPasswordVisible:[32],setFocus:[64],setBlur:[64],select:[64],setLocale:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-431bb821",[[769,"bcm-modal",{open:[1540],size:[1],placement:[1],backdrop:[8],fullWidth:[4,"full-width"],fullScreen:[4,"full-screen"],headerText:[1,"header-text"],helperText:[1,"helper-text"],noHeader:[4,"no-header"],noFooter:[4,"no-footer"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],isAnimating:[32],shake:[32],show:[64],hide:[64],toggle:[64]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-426b9201",[[769,"bcm-popover",{size:[1],placement:[1],trigger:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],open:[1540],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],headerText:[1,"header-text"],message:[1],arrow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},[[4,"keydown","handleKeyDown"]],{open:[{handleOpenChange:0}]}]]],["p-f807a34f",[[833,"bcm-radio",{_id:[513,"id"],label:[1],name:[1],value:[1],checked:[1540],size:[1],disabled:[4],readonly:[4],labelPosition:[1,"label-position"],error:[4],required:[4],internalChecked:[32]},null,{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}]]],["p-56993810",[[769,"bcm-radio-group",{name:[1],value:[1],disabled:[4],required:[4],error:[4],label:[1],size:[1],direction:[1],captionText:[1,"caption-text"],setClear:[64],resetCaption:[64]},[[2,"bcmRadioChange","handleRadioChange"]],{value:[{handleValueChange:0}]}]]],["p-8426cdd2",[[769,"bcm-segment",{value:[513],disabled:[516],selected:[1540],size:[1025],index:[1026],activeIndex:[1026,"active-index"]}]]],["p-b246b6cc",[[833,"bcm-segmented-picker",{value:[1537],name:[513],required:[516],size:[513],fullWidth:[516,"full-width"],disabled:[516],shadow:[516],segments:[32],activeIndex:[32],setValue:[64],getValue:[64]},[[0,"bcmSegmentClick","handleSegmentClick"]],{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}]]],["p-6b35bdae",[[513,"bcm-shortcut",{hotkey:[1],size:[1]}]]],["p-1efd97c3",[[833,"bcm-switch",{validationMode:[1,"validation-mode"],name:[1],required:[4],disabled:[4],readonly:[4],checked:[1028],value:[1],_id:[513,"id"],label:[1],labelPosition:[1,"label-position"],error:[1028],caption:[1025],size:[1],internalChecked:[32],touched:[32],submitAttempted:[32]},null,{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}]]],["p-f0832997",[[769,"bcm-tab",{value:[513],label:[513],disabled:[516],active:[1540],size:[1025]}]]],["p-bba608eb",[[769,"bcm-tabs",{value:[1537],size:[513],variant:[513],shadow:[516],tabs:[32],activeIndex:[32],setActiveTab:[64],getActiveTab:[64]},[[0,"bcmTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}]]],["p-275e78e3",[[769,"bcm-text",{text:[1],variant:[1],size:[1],overflow:[4]}]]],["p-30599564",[[833,"bcm-textarea",{value:[1537],rows:[2],cols:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],resize:[1],autoGrow:[4,"auto-grow"],placeholder:[1],name:[1],_id:[513,"id"],size:[1],status:[1],fullWidth:[516,"full-width"],disabled:[4],readonly:[4],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],showCounter:[4,"show-counter"],label:[1],errorMessage:[1,"error-message"],captionText:[1,"caption-text"],labelledby:[1],describedby:[1],validator:[16],isFocused:[32],validationMessage:[32],isValid:[32],internalStatus:[32],internalErrorMessage:[32],setFocus:[64],setBlur:[64],select:[64]},null,{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}]]],["p-33b97af7",[[769,"bcm-tooltip",{trigger:[1],placement:[1],size:[1],message:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],arrow:[4],disabled:[4],offset:[2],follow:[4],isOpen:[32],show:[64],hide:[64],toggle:[64]},null,{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}]]],["p-740416f1",[[769,"bcm-alert",{status:[1],size:[1],kind:[1],dismissible:[4],showStatusIcon:[4,"show-status-icon"]}]]],["p-db99b101",[[769,"bcm-badge",{size:[1],variant:[1],color:[1],soft:[4],blink:[4],status:[1],position:[1],offset:[1],text:[1]}]]],["p-4a7b4c27",[[769,"bcm-linked",{visible:[1540],trigger:[1],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],offsetDistance:[2,"offset-distance"],showArrow:[4,"show-arrow"],disabled:[4],closeOnOutsideClick:[4,"close-on-outside-click"],closeOnEscape:[4,"close-on-escape"],isVisible:[32],show:[64],hide:[64],toggle:[64],updatePosition:[64]},[[4,"keydown","handleKeyDown"]],{visible:[{handleVisibleChange:0}],disabled:[{handleDisabledChange:0}],placement:[{handlePositionPropsChange:0}],offsetDistance:[{handlePositionPropsChange:0}],showArrow:[{handlePositionPropsChange:0}]}]]],["p-5b6d6434",[[769,"bcm-button",{kind:[1],size:[1],status:[1],variant:[1],position:[513],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],fullWidth:[516,"full-width"],type:[1],loading:[4],disabled:[4],text:[1],active:[4],form:[1],value:[1],name:[1],label:[1],expanded:[1],controls:[1]}]]]],e))));

package/dist/bromcom-ui/{p-5f5d9e0b.entry.js → p-142a39f1.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a as r,h as i}from"./p-CMMdTZSd.js";import{t as o}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";import{g as a}from"./p-IBjzkjef.js";import{s as n,g as l,d as c}from"./p-nf_HKsGq.js";const d=class{constructor(r){e(this,r),this.bcmInput=t(this,"bcmInput",1),this.bcmChange=t(this,"bcmChange",1),this.bcmFocus=t(this,"bcmFocus",1),this.bcmBlur=t(this,"bcmBlur",1),this.bcmKeyDown=t(this,"bcmKeyDown",1),this.bcmKeyUp=t(this,"bcmKeyUp",1),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get el(){return r(this)}inputRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;isPasswordVisible=!1;value="";placeholder;name;_id=a("input");size="medium";status="default";fullWidth=!1;type="text";disabled=!1;readonly=!1;required=!1;autocomplete;minLength;maxLength;min;max;step;pattern;label;errorMessage;captionText;labelledby;describedby;prefixIcon;suffixIcon;useNativeValidation=!0;validator;internals;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.inputRef&&(this.inputRef.value=e),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}async setFocus(){this.inputRef?.focus()}async setBlur(){this.inputRef?.blur()}async select(){this.inputRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.inputRef&&(this.inputRef.value=""),this.internals&&(this.internals.setFormValue(""),this.internals.setValidity({}))}async setLocale(e,t){n(e,t),this.isValid||this.validateInput()}componentWillLoad(){n("en",c),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}validateInput(){if(!this.inputRef)return;this.isValid=!0,this.validationMessage="";let e={};const t=this.inputRef.value;if(this.validator){const r=this.validator(t);r&&(this.isValid=!1,this.validationMessage=r,e={customError:!0})}if(this.required&&!t)this.isValid=!1,this.validationMessage=l("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,e={valueMissing:!0};else if(this.minLength&&t.length<this.minLength)this.isValid=!1,this.validationMessage=l("minlength",{min:this.minLength}),e={tooShort:!0};else if(this.maxLength&&t.length>this.maxLength)this.isValid=!1,this.validationMessage=l("maxlength",{max:this.maxLength}),e={tooLong:!0};else if(this.pattern&&!new RegExp(this.pattern).test(t))this.isValid=!1,this.validationMessage=l("pattern"),e={patternMismatch:!0};else if("email"===this.type&&t&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t))this.isValid=!1,this.validationMessage=l("email"),e={typeMismatch:!0};else if("number"===this.type&&t){const r=parseFloat(t);void 0!==this.min&&r<this.min?(this.isValid=!1,this.validationMessage=l("min",{min:this.min}),e={rangeUnderflow:!0}):void 0!==this.max&&r>this.max&&(this.isValid=!1,this.validationMessage=l("max",{max:this.max}),e={rangeOverflow:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(e,this.validationMessage||"",this.el))}onInput=e=>{this.value=e.target.value,this.internals.setFormValue(this.value),this.bcmInput.emit(e),this.validateInput()};onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};hasSlotContent(e){return((e,t)=>{const r=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return!!r&&r.assignedNodes().length>0})(this.el,e)}styleClass=o({slots:{base:["bcm-input bcm-input__container","bg-[--bcm-ui-color-background-base-default]","text-[--bcm-ui-color-text-default]","border border-solid rounded","flex items-center justify-between","transition-colors duration-200","px-2"],inputClass:["input","w-full flex-1","border-0 outline-0 bg-transparent","appearance-none text-ellipsis","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","[appearance:textfield][&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"]},variants:{size:{small:{base:"",inputClass:"text-size-4 py-px"},medium:{base:"",inputClass:"text-size-5 leading-6 py-1"},large:{base:"",inputClass:"text-size-6 py-2"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed",false:""},focused:{true:{base:""}}},defaultVariants:{size:"medium",status:"default",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});getDefaultIconForType(){}togglePasswordVisibility=()=>{this.isPasswordVisible=!this.isPasswordVisible,this.inputRef.type=this.isPasswordVisible?"text":"password"};PasswordToggleButton=()=>"password"!==this.type||this.disabled||this.readonly||0===this.value?.length?null:i("button",{class:"appearance-none flex items-center w-6 h-full justify-center",onClick:this.togglePasswordVisibility,type:"button"},i("bcm-icon",{name:this.isPasswordVisible?"fa-eye-slash fa-regular":"fa-regular fa-eye",size:this.iconSize}));iconSize={small:14,medium:16,large:18}[this.size];render(){const e=this._id+"-input"||this.name,{base:t,inputClass:r}=this.styleClass({size:this.size,status:this.internalStatus,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return i("div",{key:"5df80ce8e96974f5fdc04a198398f089867c1b81",class:"bcm-ui-element"},this.label&&i("label",{key:"ec14ded762888f3ced0a18c180feb13f9767ceb5",class:s("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},i("slot",{key:"f731c89bc4b3237c433cf6cc929399166a111e40",name:"label"},this.label),this.required&&i("span",{key:"196fd0a2eb5711102dd45370c43c61d5d059e1bc"},"*")),i("div",{key:"96b3897d1f3e0e75874a88c8b42a353f9dda8b7a",class:t()},(this.hasSlotContent("prefix")||this.prefixIcon||this.getDefaultIconForType())&&i("div",{key:"7c65bf687a717ad47b85d0777cf6375771d76c13",class:"flex items-center gap-2 px-2"},(this.prefixIcon||this.getDefaultIconForType())&&i("bcm-icon",{key:"c3d2625db4179b4b25fe7d5db35b4231b347ebc3",class:"prefix-icon","icon-name":this.prefixIcon||this.getDefaultIconForType(),size:this.iconSize}),i("slot",{key:"651ce4d7cd40abb7acebe73d70f56894a58c308d",name:"prefix"})),i("input",{key:"2fc1a6e2d529873774cbb89df47cbd3dcbdae831",ref:e=>this.inputRef=e,id:e,class:r(),type:this.type,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,autocomplete:this.autocomplete,minlength:this.minLength,maxlength:this.maxLength,min:this.min,max:this.max,step:this.step,pattern:this.pattern,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:this.onInput,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),(this.hasSlotContent("suffix")||this.suffixIcon)&&i("div",{key:"38aee6d98edc68f565c7a245e10d3069994c3d54",class:"flex items-center gap-2 px-2"},i("slot",{key:"73f4e36fcf08aa2f0bcef580ca1a6965beb28d5f",name:"suffix"}),this.suffixIcon&&i("bcm-icon",{key:"29ef2027b9a8f32c2f68b6f0b304e2f33bd128bc",class:"suffix-icon","icon-name":this.suffixIcon,size:this.iconSize})),this.PasswordToggleButton()),(this.captionText||this.internalErrorMessage||this.validationMessage)&&i("div",{key:"fa0dc2f605d57405069e21ca732cbd99d6a3ac1d",class:s("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}};d.style='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.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))}.resize{resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:inline-block}:host([full-width]){width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.font-sans{font-family:Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.leading-6{line-height:1.5rem}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}';export{d as bcm_input}
+import{r as e,c as t,a as r,h as i}from"./p-DIiUOF5H.js";import{t as o}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";import{g as a}from"./p-IBjzkjef.js";import{s as n,g as l,d as c}from"./p-nf_HKsGq.js";const d=class{constructor(r){e(this,r),this.bcmInput=t(this,"bcmInput",1),this.bcmChange=t(this,"bcmChange",1),this.bcmFocus=t(this,"bcmFocus",1),this.bcmBlur=t(this,"bcmBlur",1),this.bcmKeyDown=t(this,"bcmKeyDown",1),this.bcmKeyUp=t(this,"bcmKeyUp",1),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get el(){return r(this)}inputRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;isPasswordVisible=!1;value="";placeholder;name;_id=a("input");size="medium";status="default";fullWidth=!1;type="text";disabled=!1;readonly=!1;required=!1;autocomplete;minLength;maxLength;min;max;step;pattern;label;errorMessage;captionText;labelledby;describedby;prefixIcon;suffixIcon;useNativeValidation=!0;validator;internals;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.inputRef&&(this.inputRef.value=e),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}async setFocus(){this.inputRef?.focus()}async setBlur(){this.inputRef?.blur()}async select(){this.inputRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.inputRef&&(this.inputRef.value=""),this.internals&&(this.internals.setFormValue(""),this.internals.setValidity({}))}async setLocale(e,t){n(e,t),this.isValid||this.validateInput()}componentWillLoad(){n("en",c),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}validateInput(){if(!this.inputRef)return;this.isValid=!0,this.validationMessage="";let e={};const t=this.inputRef.value;if(this.validator){const r=this.validator(t);r&&(this.isValid=!1,this.validationMessage=r,e={customError:!0})}if(this.required&&!t)this.isValid=!1,this.validationMessage=l("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,e={valueMissing:!0};else if(this.minLength&&t.length<this.minLength)this.isValid=!1,this.validationMessage=l("minlength",{min:this.minLength}),e={tooShort:!0};else if(this.maxLength&&t.length>this.maxLength)this.isValid=!1,this.validationMessage=l("maxlength",{max:this.maxLength}),e={tooLong:!0};else if(this.pattern&&!new RegExp(this.pattern).test(t))this.isValid=!1,this.validationMessage=l("pattern"),e={patternMismatch:!0};else if("email"===this.type&&t&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t))this.isValid=!1,this.validationMessage=l("email"),e={typeMismatch:!0};else if("number"===this.type&&t){const r=parseFloat(t);void 0!==this.min&&r<this.min?(this.isValid=!1,this.validationMessage=l("min",{min:this.min}),e={rangeUnderflow:!0}):void 0!==this.max&&r>this.max&&(this.isValid=!1,this.validationMessage=l("max",{max:this.max}),e={rangeOverflow:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(e,this.validationMessage||"",this.el))}onInput=e=>{this.value=e.target.value,this.internals.setFormValue(this.value),this.bcmInput.emit(e),this.validateInput()};onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};hasSlotContent(e){return((e,t)=>{const r=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return!!r&&r.assignedNodes().length>0})(this.el,e)}styleClass=o({slots:{base:["bcm-input bcm-input__container","bg-[--bcm-ui-color-background-base-default]","text-[--bcm-ui-color-text-default]","border border-solid rounded","flex items-center justify-between","transition-colors duration-200","px-2"],inputClass:["input","w-full flex-1","border-0 outline-0 bg-transparent","appearance-none text-ellipsis","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","[appearance:textfield][&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"]},variants:{size:{small:{base:"",inputClass:"text-size-4 py-px"},medium:{base:"",inputClass:"text-size-5 leading-6 py-1"},large:{base:"",inputClass:"text-size-6 py-2"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed",false:""},focused:{true:{base:""}}},defaultVariants:{size:"medium",status:"default",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});getDefaultIconForType(){}togglePasswordVisibility=()=>{this.isPasswordVisible=!this.isPasswordVisible,this.inputRef.type=this.isPasswordVisible?"text":"password"};PasswordToggleButton=()=>"password"!==this.type||this.disabled||this.readonly||0===this.value?.length?null:i("button",{class:"appearance-none flex items-center w-6 h-full justify-center",onClick:this.togglePasswordVisibility,type:"button"},i("bcm-icon",{name:this.isPasswordVisible?"fa-eye-slash fa-regular":"fa-regular fa-eye",size:this.iconSize}));iconSize={small:14,medium:16,large:18}[this.size];render(){const e=this._id+"-input"||this.name,{base:t,inputClass:r}=this.styleClass({size:this.size,status:this.internalStatus,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return i("div",{key:"5df80ce8e96974f5fdc04a198398f089867c1b81",class:"bcm-ui-element"},this.label&&i("label",{key:"ec14ded762888f3ced0a18c180feb13f9767ceb5",class:s("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},i("slot",{key:"f731c89bc4b3237c433cf6cc929399166a111e40",name:"label"},this.label),this.required&&i("span",{key:"196fd0a2eb5711102dd45370c43c61d5d059e1bc"},"*")),i("div",{key:"96b3897d1f3e0e75874a88c8b42a353f9dda8b7a",class:t()},(this.hasSlotContent("prefix")||this.prefixIcon||this.getDefaultIconForType())&&i("div",{key:"7c65bf687a717ad47b85d0777cf6375771d76c13",class:"flex items-center gap-2 px-2"},(this.prefixIcon||this.getDefaultIconForType())&&i("bcm-icon",{key:"c3d2625db4179b4b25fe7d5db35b4231b347ebc3",class:"prefix-icon","icon-name":this.prefixIcon||this.getDefaultIconForType(),size:this.iconSize}),i("slot",{key:"651ce4d7cd40abb7acebe73d70f56894a58c308d",name:"prefix"})),i("input",{key:"2fc1a6e2d529873774cbb89df47cbd3dcbdae831",ref:e=>this.inputRef=e,id:e,class:r(),type:this.type,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,autocomplete:this.autocomplete,minlength:this.minLength,maxlength:this.maxLength,min:this.min,max:this.max,step:this.step,pattern:this.pattern,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:this.onInput,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),(this.hasSlotContent("suffix")||this.suffixIcon)&&i("div",{key:"38aee6d98edc68f565c7a245e10d3069994c3d54",class:"flex items-center gap-2 px-2"},i("slot",{key:"73f4e36fcf08aa2f0bcef580ca1a6965beb28d5f",name:"suffix"}),this.suffixIcon&&i("bcm-icon",{key:"29ef2027b9a8f32c2f68b6f0b304e2f33bd128bc",class:"suffix-icon","icon-name":this.suffixIcon,size:this.iconSize})),this.PasswordToggleButton()),(this.captionText||this.internalErrorMessage||this.validationMessage)&&i("div",{key:"fa0dc2f605d57405069e21ca732cbd99d6a3ac1d",class:s("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}};d.style='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.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))}.resize{resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Inter Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:inline-block}:host([full-width]){width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.leading-6{line-height:1.5rem}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}';export{d as bcm_input}

package/dist/bromcom-ui/{p-89ca4d42.entry.js → p-1efd97c3.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a as i,h as s}from"./p-CMMdTZSd.js";import{g as r}from"./p-IBjzkjef.js";import{t as o}from"./p-CEcVC0yX.js";import{B as a}from"./p-B6fOQl2c.js";const c=class extends a{constructor(i){super(),e(this,i),this.bcmSwitchChange=t(this,"bcmSwitchChange",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;_id=r("bcm-switch");label;labelPosition="right";error=!1;caption;size="medium";internalChecked=!1;touched=!1;submitAttempted=!1;bcmSwitchChange;inputEl;componentWillLoad(){this.internalChecked=!!this.checked,this.updateFormValueAndValidity({setUi:!1})}componentDidLoad(){this.syncNativeInput();const e=this.internals?.form;e&&e.addEventListener("submit",this.onFormSubmit,!0)}disconnectedCallback(){const e=this.internals?.form;e&&e.removeEventListener("submit",this.onFormSubmit,!0)}onFormSubmit=()=>{this.submitAttempted=!0,this.updateFormValueAndValidity({setUi:!0})};formResetCallback(){super.formResetCallback(),this.internalChecked=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}onBaseCheckedChange(e){this.internalChecked=!!e,this.syncNativeInput()}syncNativeInput(){this.inputEl&&(this.inputEl.checked=this.internalChecked,this.inputEl.disabled=this.disabled,this.inputEl.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const t=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));if(this.internals.setFormValue(this.checked?this.value??"on":null),"none"===this.validationMode)return this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));const i=this.required&&!this.checked;if("silent"!==this.validationMode){if(i)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputEl??void 0),void(t&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),t&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),t){const e=this.touched||this.submitAttempted;this.error=e&&i,this.caption=e&&i?"This field is required":void 0}}toggleSwitch=()=>{this.disabled||this.readonly||(this.touched||(this.touched=!0),this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmSwitchChange.emit(this.checked))};switchStyle=()=>({"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-hover)","--switch-dot-bg":"var(--bcm-ui-color-background-base-default)",...this.internalChecked&&{"--switch-bg":"var(--bcm-ui-color-background-info-default)","--switch-bg-hover":"var(--bcm-ui-color-background-info-hover)"},...this.error&&{"--switch-bg":"var(--bcm-ui-color-background-error-default)","--switch-bg-hover":"var(--bcm-ui-color-background-error-hover)"},...this.readonly&&{"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-default)","--switch-dot-bg":"var(--bcm-ui-color-background-disabled-default)"},...this.disabled&&{"--switch-bg":"var(--bcm-ui-color-background-disabled-default)","--switch-bg-hover":"var(--bcm-ui-color-background-disabled-default)","--switch-dot-bg":"var(--bcm-ui-color-background-default-default)"}});switchClass=o({slots:{base:"bcm-ui-element flex flex-col",switchWrapper:"flex items-center group",dotContainer:"relative flex items-center rounded-full cursor-pointer bg-[--switch-bg] group-hover:bg-[--switch-bg-hover] peer-disabled:cursor-not-allowed transition-colors duration-300",dot:"absolute bg-[--switch-dot-bg] rounded-full shadow-sm transition-all duration-300 ease-in-out peer-disabled:cursor-not-allowed",caption:"!text-color-error font-normal",label:"!text-color font-medium peer-disabled:!text-color-disabled peer-disabled:cursor-not-allowed"},variants:{size:{small:{dotContainer:"w-8 h-4",dot:"size-3",label:"text-size-4",caption:"text-size-3",switchWrapper:"gap-2",base:"gap-0.5"},medium:{dotContainer:"w-9 h-[1.125rem]",dot:"size-3.5",label:"text-size-5",caption:"text-size-4",switchWrapper:"gap-2.5",base:"gap-1"},large:{dotContainer:"w-10 h-5",dot:"size-4",label:"text-size-6",caption:"text-size-5",switchWrapper:"gap-3",base:"gap-2"}},labelPosition:{left:{label:""},right:{label:"order-2"}},checked:{true:{dot:""},false:{dot:"left-0.5"}},disabled:{true:"",false:{switchWrapper:""}},readonly:{true:{switchWrapper:"cursor-default",dotContainer:"cursor-default",dot:"cursor-default"},false:{switchWrapper:"cursor-pointer",dotContainer:"cursor-pointer hover:bg-[--switch-bg-hover]"}}},compoundVariants:[{size:"small",checked:!0,class:{dot:"left-[1.125rem]"}},{size:"medium",checked:!0,class:{dot:"left-[1.25rem]"}},{size:"large",checked:!0,class:{dot:"left-[1.375rem]"}},{readonly:!1,disabled:!1,class:{dotContainer:"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-blue-300"}}]});render(){const{base:e,switchWrapper:t,label:i,dot:r,dotContainer:o,caption:a}=this.switchClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,labelPosition:this.labelPosition,readonly:this.readonly}),c={role:"switch","aria-checked":this.internalChecked.toString(),"aria-disabled":this.disabled.toString(),"aria-readonly":this.readonly.toString(),...this.required&&{"aria-required":"true"}},d=this.readonly||this.disabled?{}:{tabindex:"0"};return s("div",{key:"9c3ee5d91dad6c6a1def69930b819cfde962879b",class:e(),part:"base"},s("label",{key:"95ee3e48cfb4b126382f0ebd0fe80cc792859ad4",class:t(),style:this.switchStyle(),part:"switch-wrapper"},s("input",{key:"8e07d0476ce32e421ec958c78adcdc84d7e4d016",id:this._id,type:"checkbox",class:"sr-only peer",checked:this.internalChecked,name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,onChange:this.toggleSwitch,ref:e=>this.inputEl=e,part:"input"}),this.label&&s("span",{key:"80101514534e722fa6c565cd5858cf95f6966cbd",class:i(),part:"label"},s("slot",{key:"f4d235c3130203633d4b7674f5bfe6a4ad39768d"},this.label)),s("label",{key:"8cd567356f7dade240eed568fe004d6599280c35",htmlFor:this._id,class:o(),...d,...c,part:"dot-container",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.readonly||this.disabled||(e.preventDefault(),this.toggleSwitch())}},s("div",{key:"f5e36a3dfb2efffd111a2009056d150fdec23698",class:r(),part:"dot"}))),this.error&&this.caption&&s("span",{key:"b3fa2fc71e510d35a593de0e1474f1b7c5df5e3d",class:a(),part:"caption"},this.caption),s("slot",{key:"c633d312c852a3e0c2bc931875846a88a54c2937",name:"caption"}))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}}};c.style=":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0\\.5{left:.125rem}.left-\\[1\\.125rem\\]{left:1.125rem}.left-\\[1\\.25rem\\]{left:1.25rem}.left-\\[1\\.375rem\\]{left:1.375rem}.order-2{order:2}.flex{display:flex}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{width:1rem}.h-4,.size-4{height:1rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-10{width:2.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--switch-bg\\]{background-color:var(--switch-bg)}.bg-\\[--switch-dot-bg\\]{background-color:var(--switch-dot-bg)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.font-normal{font-weight:400}.\\!text-color-error{color:var(--bcm-ui-color-text-error)!important}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\\:bg-\\[--switch-bg-hover\\],.hover\\:bg-\\[--switch-bg-hover\\]:hover{background-color:var(--switch-bg-hover)}.peer:focus-visible~.peer-focus-visible\\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\\:ring-blue-300{--tw-ring-color:oklch(0.809 0.105 251.813)}.peer:focus-visible~.peer-focus-visible\\:ring-offset-2{--tw-ring-offset-width:2px}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:\\!text-color-disabled{color:var(--bcm-ui-color-text-disabled)!important}";export{c as bcm_switch}
+import{r as e,c as t,a as i,h as s}from"./p-DIiUOF5H.js";import{g as r}from"./p-IBjzkjef.js";import{t as o}from"./p-CEcVC0yX.js";import{B as a}from"./p-DOlfRPu8.js";const c=class extends a{constructor(i){super(),e(this,i),this.bcmSwitchChange=t(this,"bcmSwitchChange",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;_id=r("bcm-switch");label;labelPosition="right";error=!1;caption;size="medium";internalChecked=!1;touched=!1;submitAttempted=!1;bcmSwitchChange;inputEl;componentWillLoad(){this.internalChecked=!!this.checked,this.updateFormValueAndValidity({setUi:!1})}componentDidLoad(){this.syncNativeInput();const e=this.internals?.form;e&&e.addEventListener("submit",this.onFormSubmit,!0)}disconnectedCallback(){const e=this.internals?.form;e&&e.removeEventListener("submit",this.onFormSubmit,!0)}onFormSubmit=()=>{this.submitAttempted=!0,this.updateFormValueAndValidity({setUi:!0})};formResetCallback(){super.formResetCallback(),this.internalChecked=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}onBaseCheckedChange(e){this.internalChecked=!!e,this.syncNativeInput()}syncNativeInput(){this.inputEl&&(this.inputEl.checked=this.internalChecked,this.inputEl.disabled=this.disabled,this.inputEl.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const t=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));if(this.internals.setFormValue(this.checked?this.value??"on":null),"none"===this.validationMode)return this.internals.setValidity({}),void(t&&(this.error=!1,this.caption=void 0));const i=this.required&&!this.checked;if("silent"!==this.validationMode){if(i)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputEl??void 0),void(t&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),t&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),t){const e=this.touched||this.submitAttempted;this.error=e&&i,this.caption=e&&i?"This field is required":void 0}}toggleSwitch=()=>{this.disabled||this.readonly||(this.touched||(this.touched=!0),this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmSwitchChange.emit(this.checked))};switchStyle=()=>({"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-hover)","--switch-dot-bg":"var(--bcm-ui-color-background-base-default)",...this.internalChecked&&{"--switch-bg":"var(--bcm-ui-color-background-info-default)","--switch-bg-hover":"var(--bcm-ui-color-background-info-hover)"},...this.error&&{"--switch-bg":"var(--bcm-ui-color-background-error-default)","--switch-bg-hover":"var(--bcm-ui-color-background-error-hover)"},...this.readonly&&{"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-default)","--switch-dot-bg":"var(--bcm-ui-color-background-disabled-default)"},...this.disabled&&{"--switch-bg":"var(--bcm-ui-color-background-disabled-default)","--switch-bg-hover":"var(--bcm-ui-color-background-disabled-default)","--switch-dot-bg":"var(--bcm-ui-color-background-default-default)"}});switchClass=o({slots:{base:"bcm-ui-element flex flex-col",switchWrapper:"flex items-center group",dotContainer:"relative flex items-center rounded-full cursor-pointer bg-[--switch-bg] group-hover:bg-[--switch-bg-hover] peer-disabled:cursor-not-allowed transition-colors duration-300",dot:"absolute bg-[--switch-dot-bg] rounded-full shadow-sm transition-all duration-300 ease-in-out peer-disabled:cursor-not-allowed",caption:"!text-color-error font-normal",label:"!text-color font-medium peer-disabled:!text-color-disabled peer-disabled:cursor-not-allowed"},variants:{size:{small:{dotContainer:"w-8 h-4",dot:"size-3",label:"text-size-4",caption:"text-size-3",switchWrapper:"gap-2",base:"gap-0.5"},medium:{dotContainer:"w-9 h-[1.125rem]",dot:"size-3.5",label:"text-size-5",caption:"text-size-4",switchWrapper:"gap-2.5",base:"gap-1"},large:{dotContainer:"w-10 h-5",dot:"size-4",label:"text-size-6",caption:"text-size-5",switchWrapper:"gap-3",base:"gap-2"}},labelPosition:{left:{label:""},right:{label:"order-2"}},checked:{true:{dot:""},false:{dot:"left-0.5"}},disabled:{true:"",false:{switchWrapper:""}},readonly:{true:{switchWrapper:"cursor-default",dotContainer:"cursor-default",dot:"cursor-default"},false:{switchWrapper:"cursor-pointer",dotContainer:"cursor-pointer hover:bg-[--switch-bg-hover]"}}},compoundVariants:[{size:"small",checked:!0,class:{dot:"left-[1.125rem]"}},{size:"medium",checked:!0,class:{dot:"left-[1.25rem]"}},{size:"large",checked:!0,class:{dot:"left-[1.375rem]"}},{readonly:!1,disabled:!1,class:{dotContainer:"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-blue-300"}}]});render(){const{base:e,switchWrapper:t,label:i,dot:r,dotContainer:o,caption:a}=this.switchClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,labelPosition:this.labelPosition,readonly:this.readonly}),c={role:"switch","aria-checked":this.internalChecked.toString(),"aria-disabled":this.disabled.toString(),"aria-readonly":this.readonly.toString(),...this.required&&{"aria-required":"true"}},h=this.readonly||this.disabled?{}:{tabindex:"0"};return s("div",{key:"9c3ee5d91dad6c6a1def69930b819cfde962879b",class:e(),part:"base"},s("label",{key:"95ee3e48cfb4b126382f0ebd0fe80cc792859ad4",class:t(),style:this.switchStyle(),part:"switch-wrapper"},s("input",{key:"8e07d0476ce32e421ec958c78adcdc84d7e4d016",id:this._id,type:"checkbox",class:"sr-only peer",checked:this.internalChecked,name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,onChange:this.toggleSwitch,ref:e=>this.inputEl=e,part:"input"}),this.label&&s("span",{key:"80101514534e722fa6c565cd5858cf95f6966cbd",class:i(),part:"label"},s("slot",{key:"f4d235c3130203633d4b7674f5bfe6a4ad39768d"},this.label)),s("label",{key:"8cd567356f7dade240eed568fe004d6599280c35",htmlFor:this._id,class:o(),...h,...c,part:"dot-container",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.readonly||this.disabled||(e.preventDefault(),this.toggleSwitch())}},s("div",{key:"f5e36a3dfb2efffd111a2009056d150fdec23698",class:r(),part:"dot"}))),this.error&&this.caption&&s("span",{key:"b3fa2fc71e510d35a593de0e1474f1b7c5df5e3d",class:a(),part:"caption"},this.caption),s("slot",{key:"c633d312c852a3e0c2bc931875846a88a54c2937",name:"caption"}))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{onBaseCheckedChange:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}]}}};c.style=":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0\\.5{left:.125rem}.left-\\[1\\.125rem\\]{left:1.125rem}.left-\\[1\\.25rem\\]{left:1.25rem}.left-\\[1\\.375rem\\]{left:1.375rem}.order-2{order:2}.flex{display:flex}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{width:1rem}.h-4,.size-4{height:1rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-10{width:2.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--switch-bg\\]{background-color:var(--switch-bg)}.bg-\\[--switch-dot-bg\\]{background-color:var(--switch-dot-bg)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.font-normal{font-weight:400}.\\!text-color-error{color:var(--bcm-ui-color-text-error)!important}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\\:bg-\\[--switch-bg-hover\\],.hover\\:bg-\\[--switch-bg-hover\\]:hover{background-color:var(--switch-bg-hover)}.peer:focus-visible~.peer-focus-visible\\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\\:ring-blue-300{--tw-ring-color:oklch(0.809 0.105 251.813)}.peer:focus-visible~.peer-focus-visible\\:ring-offset-2{--tw-ring-offset-width:2px}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:\\!text-color-disabled{color:var(--bcm-ui-color-text-disabled)!important}";export{c as bcm_switch}

package/dist/bromcom-ui/p-275e78e3.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-DIiUOF5H.js";import{c as o}from"./p-BfTCfPZ1.js";const l={display:"h1",heading1:"h2",heading2:"h3",title1:"h4",title2:"h5",title3:"h6",body:"p",bodyAccent:"p",helper:"p",caption:"p",label:"label",placeholder:"p",link:"a",info:"p",infoAccent:"p"},i=class{constructor(t){e(this,t)}text;variant="body";size="medium";overflow=!1;variantClassMap={display:"font-semibold text-size-12 text-color-header",heading1:"font-semibold text-size-7 text-color-header",heading2:"font-semibold text-size-6 text-color-header",title1:{small:"font-semibold text-size-5 text-color-header",medium:"font-semibold text-size-6 text-color-header",large:"font-semibold text-size-7 text-color-header"},title2:{small:"font-semibold text-size-4 text-color-default",medium:"font-semibold text-size-5 text-color-default",large:"font-semibold text-size-6 text-color-default"},title3:{small:"font-semibold text-size-3 text-color-disabled",medium:"font-semibold text-size-4 text-color-disabled",large:"font-semibold text-size-5 text-color-disabled"},body:{small:"font-regular text-size-4 text-color-default",medium:"font-regular text-size-5 text-color-default",large:"font-regular text-size-6 text-color-default"},bodyAccent:{small:"font-medium text-size-4 text-color-default",medium:"font-medium text-size-5 text-color-default",large:"font-medium text-size-6 text-color-default"},helper:{small:"font-regular text-size-4 text-color-helper",medium:"font-regular text-size-5 text-color-helper",large:"font-regular text-size-6 text-color-helper"},caption:{small:"font-regular text-size-3 text-color-caption",medium:"font-regular text-size-4 text-color-caption",large:"font-regular text-size-5 text-color-caption"},link:{small:"font-medium text-size-4 underline text-color-primary",medium:"font-medium text-size-5 underline text-color-primary",large:"font-medium text-size-6 underline text-color-primary"},label:{small:"font-medium text-size-3 text-color-label",medium:"font-medium text-size-4 text-color-label",large:"font-medium text-size-5 text-color-label"},placeholder:{small:"font-regular text-size-4 text-color-placeholder",medium:"font-regular text-size-5 text-color-placeholder",large:"font-regular text-size-6 text-color-placeholder"},info:{small:"font-regular text-size-3 text-color-default",medium:"font-regular text-size-4 text-color-default",large:"font-regular text-size-5 text-color-default"},infoAccent:{small:"font-medium text-size-3 text-color-header",medium:"font-medium text-size-4 text-color-header",large:"font-medium text-size-5 text-color-header"}};getTextClass=(e,t)=>{const o=this.variantClassMap[e];return"string"==typeof o?o:o[t]};getOverflowClass=e=>e?"truncate":"";render(){const e=l[this.variant],i=this.getTextClass(this.variant,this.size),r=this.getOverflowClass(this.overflow??!1);return t(e,{key:"cda860b1c6af84151fa46a812b85a6f9596ff02b",class:o("bcm-ui-element bcm-text appearance-none m-0 p-0",i,r),part:"text"},t("slot",{key:"3b03a3c5a810dbab7a012518eb997dfd25ae4d52"},this.text))}};i.style=".bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{i as bcm_text}

package/dist/bromcom-ui/{p-7cc9e983.entry.js → p-30599564.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a as r,h as o}from"./p-CMMdTZSd.js";import{t as i}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";import{g as a}from"./p-IBjzkjef.js";import{s as l,g as n,d as c}from"./p-nf_HKsGq.js";const h=class{constructor(r){e(this,r),this.bcmInput=t(this,"bcmInput",1),this.bcmChange=t(this,"bcmChange",1),this.bcmFocus=t(this,"bcmFocus",1),this.bcmBlur=t(this,"bcmBlur",1),this.bcmKeyDown=t(this,"bcmKeyDown",1),this.bcmKeyUp=t(this,"bcmKeyUp",1),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get el(){return r(this)}textareaRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;internals;value="";rows=3;cols;minRows;maxRows;resize="none";autoGrow=!1;placeholder;name;_id=a("textarea");size="medium";status="default";fullWidth=!1;disabled=!1;readonly=!1;required=!1;minLength;maxLength;showCounter=!0;label;errorMessage;captionText;labelledby;describedby;validator;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.textareaRef&&(this.textareaRef.value=e,this.autoGrow&&this.adjustHeight()),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}componentDidLoad(){this.autoGrow&&(this.adjustHeight(),this.textareaRef?.addEventListener("input",(()=>this.adjustHeight())))}disconnectedCallback(){this.autoGrow&&this.textareaRef&&this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}async setFocus(){this.textareaRef?.focus()}async setBlur(){this.textareaRef?.blur()}async select(){this.textareaRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.internals?.setFormValue(""),this.internals?.setValidity({})}adjustHeight(){this.autoGrow&&this.textareaRef&&requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef),t=parseInt(e.lineHeight),r=parseInt(e.paddingTop),o=parseInt(e.paddingBottom);let i=this.textareaRef.scrollHeight;this.minRows&&(i=Math.max(i,this.minRows*t+r+o)),this.maxRows&&(i=Math.min(i,this.maxRows*t+r+o)),this.textareaRef.style.height=`${i}px`}))}validateInput(){if(!this.textareaRef)return;this.isValid=!0,this.validationMessage="";const e=this.textareaRef.value;let t={};if(this.required&&!e)return this.isValid=!1,this.validationMessage=n("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,void(t={valueMissing:!0});if(this.minLength&&e.length<this.minLength?(this.isValid=!1,this.validationMessage=n("minlength",{min:this.minLength}),t={tooShort:!0}):this.maxLength&&e.length>this.maxLength&&(this.isValid=!1,this.validationMessage=n("maxlength",{max:this.maxLength}),t={tooLong:!0}),this.validator){const r=this.validator(e);r&&(this.isValid=!1,this.validationMessage=r,t={customError:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(t,this.validationMessage||"",this.textareaRef))}onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};styleClass=i({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});render(){const e=this._id+"-textarea"||this.name,{base:t,textareaClass:r,counterText:i}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return o("div",{key:"afc56a9f3e61444d5e711eef2843db33bd7e6c7c",class:"bcm-ui-element"},this.label&&o("label",{key:"f2f7df7f91d4093368f5b4a6daaf378147ce5b63",class:s("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},o("slot",{key:"45d66dcbfbea6b5f93e62adac99eb7f953942d41",name:"label"},this.label),this.required&&o("span",{key:"2d37dca66c5dff06a3bdb540263c5ee5bed45ec7"},"*")),o("div",{key:"79402eec56579f90160f9916a2a3c183151ec68e",class:t()},o("textarea",{key:"f159a7302d230923e7fa5ac48dc7440e82a453dd",ref:e=>this.textareaRef=e,id:e,class:r(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{this.value=e.target.value,this.internals?.setFormValue(this.value??""),this.bcmInput.emit(e),this.validateInput(),this.autoGrow&&this.adjustHeight()},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&o("div",{key:"36055bbc5d51114c628feb2280adbab3da17560b",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&o("div",{key:"fe31ffd26a1752cd838901204c6fa169db598719",class:s("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}};h.style='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.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))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';export{h as bcm_textarea}
+import{r as e,c as t,a as r,h as o}from"./p-DIiUOF5H.js";import{t as i}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";import{g as a}from"./p-IBjzkjef.js";import{s as n,g as l,d as c}from"./p-nf_HKsGq.js";const h=class{constructor(r){e(this,r),this.bcmInput=t(this,"bcmInput",1),this.bcmChange=t(this,"bcmChange",1),this.bcmFocus=t(this,"bcmFocus",1),this.bcmBlur=t(this,"bcmBlur",1),this.bcmKeyDown=t(this,"bcmKeyDown",1),this.bcmKeyUp=t(this,"bcmKeyUp",1),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get el(){return r(this)}textareaRef;isFocused=!1;validationMessage;isValid=!0;internalStatus="default";internalErrorMessage;internals;value="";rows=3;cols;minRows;maxRows;resize="none";autoGrow=!1;placeholder;name;_id=a("textarea");size="medium";status="default";fullWidth=!1;disabled=!1;readonly=!1;required=!1;minLength;maxLength;showCounter=!0;label;errorMessage;captionText;labelledby;describedby;validator;bcmInput;bcmChange;bcmFocus;bcmBlur;bcmKeyDown;bcmKeyUp;handleValueChange(e){this.textareaRef&&(this.textareaRef.value=e,this.autoGrow&&this.adjustHeight()),this.internals&&this.internals.setFormValue(e??"")}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){n("en",c),this.internalStatus=this.status,this.internalErrorMessage=this.errorMessage,this.internals&&this.internals.setFormValue(this.value??"")}componentDidLoad(){this.autoGrow&&(this.adjustHeight(),this.textareaRef?.addEventListener("input",(()=>this.adjustHeight())))}disconnectedCallback(){this.autoGrow&&this.textareaRef&&this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}async setFocus(){this.textareaRef?.focus()}async setBlur(){this.textareaRef?.blur()}async select(){this.textareaRef?.select()}formResetCallback(){this.value="",this.isValid=!0,this.validationMessage="",this.internalStatus="default",this.internalErrorMessage="",this.internals?.setFormValue(""),this.internals?.setValidity({})}adjustHeight(){this.autoGrow&&this.textareaRef&&requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef),t=parseInt(e.lineHeight),r=parseInt(e.paddingTop),o=parseInt(e.paddingBottom);let i=this.textareaRef.scrollHeight;this.minRows&&(i=Math.max(i,this.minRows*t+r+o)),this.maxRows&&(i=Math.min(i,this.maxRows*t+r+o)),this.textareaRef.style.height=`${i}px`}))}validateInput(){if(!this.textareaRef)return;this.isValid=!0,this.validationMessage="";const e=this.textareaRef.value;let t={};if(this.required&&!e)return this.isValid=!1,this.validationMessage=l("required"),this.internalStatus="error",this.internalErrorMessage=this.validationMessage,void(t={valueMissing:!0});if(this.minLength&&e.length<this.minLength?(this.isValid=!1,this.validationMessage=l("minlength",{min:this.minLength}),t={tooShort:!0}):this.maxLength&&e.length>this.maxLength&&(this.isValid=!1,this.validationMessage=l("maxlength",{max:this.maxLength}),t={tooLong:!0}),this.validator){const r=this.validator(e);r&&(this.isValid=!1,this.validationMessage=r,t={customError:!0})}this.internalStatus=this.isValid?"default":"error",this.internalErrorMessage=this.validationMessage,this.internals&&(this.isValid?this.internals.setValidity({}):this.internals.setValidity(t,this.validationMessage||"",this.textareaRef))}onChange=e=>{this.bcmChange.emit(e)};onFocus=e=>{this.isFocused=!0,this.bcmFocus.emit(e)};onBlur=e=>{this.isFocused=!1,this.bcmBlur.emit(e),this.validateInput()};onKeyDown=e=>{this.bcmKeyDown.emit(e)};onKeyUp=e=>{this.bcmKeyUp.emit(e)};styleClass=i({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:!1,disabled:!1,focused:!1}},{twMerge:!1});render(){const e=this._id+"-textarea"||this.name,{base:t,textareaClass:r,counterText:i}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return o("div",{key:"afc56a9f3e61444d5e711eef2843db33bd7e6c7c",class:"bcm-ui-element"},this.label&&o("label",{key:"f2f7df7f91d4093368f5b4a6daaf378147ce5b63",class:s("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size}),htmlFor:e},o("slot",{key:"45d66dcbfbea6b5f93e62adac99eb7f953942d41",name:"label"},this.label),this.required&&o("span",{key:"2d37dca66c5dff06a3bdb540263c5ee5bed45ec7"},"*")),o("div",{key:"79402eec56579f90160f9916a2a3c183151ec68e",class:t()},o("textarea",{key:"f159a7302d230923e7fa5ac48dc7440e82a453dd",ref:e=>this.textareaRef=e,id:e,class:r(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":"error"===this.status,"aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{this.value=e.target.value,this.internals?.setFormValue(this.value??""),this.bcmInput.emit(e),this.validateInput(),this.autoGrow&&this.adjustHeight()},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&o("div",{key:"36055bbc5d51114c628feb2280adbab3da17560b",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&o("div",{key:"fe31ffd26a1752cd838901204c6fa169db598719",class:s("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&"default"===this.internalStatus,"text-[--bcm-ui-color-text-error]":!(this.disabled||"error"!==this.internalStatus&&this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&"success"===this.internalStatus,"text-[--bcm-ui-color-text-warning]":!this.disabled&&"warning"===this.internalStatus,"text-[--bcm-ui-color-text-info]":!this.disabled&&"info"===this.internalStatus,"text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":"small"===this.size,"text-size-4":"medium"===this.size,"text-size-5":"large"===this.size})},this.isValid?"error"===this.internalStatus?this.internalErrorMessage:this.captionText:this.validationMessage))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],status:[{watchStatus:0}],errorMessage:[{watchErrorMessage:0}]}}};h.style='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.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))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}*,:after,:before{border:0 solid oklch(92.8% .006 264.531deg);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Inter Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}input::placeholder,textarea::placeholder{color:oklch(70.7% .022 261.325deg);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,Inter Variable,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';export{h as bcm_textarea}

package/dist/bromcom-ui/{p-be443d89.entry.js → p-33b97af7.entry.js}

@@ -1 +1 @@
-import{r as t,a as i,h as e}from"./p-CMMdTZSd.js";import{a as s,c as o,o as a,f as r,s as h,b as n}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";const l=class{constructor(i){t(this,i)}get host(){return i(this)}tooltipRef;arrowRef;triggerRef;cleanupAutoUpdate;showTimeout;hideTimeout;mouseX=0;mouseY=0;rafId;tooltipId;trigger="hover";placement="top";size="medium";message;showDelay=150;hideDelay=100;arrow=!0;disabled=!1;offset=12;follow=!1;isOpen=!1;handleDisabledChange(t){t&&this.isOpen&&this.hide()}handleTriggerChange(){this.removeTriggerListeners(),this.setupOutsideClickListener(),this.triggerRef&&this.setupTriggerListeners()}async handleOpenChange(t){this.tooltipRef&&(t?(this.tooltipRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),this.follow?this.startFollowing():(await this.updatePosition(),this.startAutoUpdate())):(this.tooltipRef.hidePopover(),this.stopFollowing(),this.stopAutoUpdate()))}async show(){this.disabled||(this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.isOpen=!0}),this.showDelay))}async hide(){this.clearTimeouts(),this.hideTimeout=window.setTimeout((()=>{this.isOpen=!1}),this.hideDelay)}async toggle(){this.isOpen?await this.hide():await this.show()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}startAutoUpdate(){this.triggerRef&&this.tooltipRef&&!this.follow&&(this.cleanupAutoUpdate=s(this.triggerRef,this.tooltipRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}startFollowing(){if(!this.follow)return;const t=()=>{if(!this.isOpen||!this.tooltipRef)return void(this.rafId=void 0);const i=this.offset;this.tooltipRef.style.left=`${this.mouseX+this.offset}px`,this.tooltipRef.style.top=`${this.mouseY+i}px`,this.rafId=requestAnimationFrame(t)};this.rafId=requestAnimationFrame(t)}stopFollowing(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}async updatePosition(){if(this.triggerRef&&this.tooltipRef&&!this.follow)try{const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.isOpen)return void this.hide();const i=[a(this.offset),r(),h({padding:8})];this.arrow&&this.arrowRef&&i.push(n({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:s,y:d,placement:l,middlewareData:c}=await o(e,this.tooltipRef,{placement:this.placement,strategy:"fixed",middleware:i});if(this.tooltipRef.style.left=`${s}px`,this.tooltipRef.style.top=`${d}px`,this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:i}=c.arrow,e={top:"bottom",right:"left",bottom:"top",left:"right"}[l.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=i?`${i}px`:"",right:"",bottom:"",[e]:"-4px"})}}catch(t){console.error("Failed to compute tooltip position:",t)}}setupTriggerListeners(){this.triggerRef&&("hover"===this.trigger?(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.follow&&this.triggerRef.addEventListener("mousemove",this.handleMouseMove)):"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleClick))}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const i=t.assignedElements();this.triggerRef=i[0]||this.host,this.triggerRef&&(this.tooltipRef&&this.tooltipId&&this.triggerRef.setAttribute("aria-describedby",this.tooltipId),this.removeTriggerListeners(),this.setupTriggerListeners())};removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("mousemove",this.handleMouseMove),this.triggerRef.removeEventListener("click",this.handleClick))}handleMouseEnter=()=>{this.disabled||this.show()};handleMouseLeave=()=>{this.hide()};handleMouseMove=t=>{this.mouseX=t.clientX,this.mouseY=t.clientY};handleClick=()=>{this.disabled||this.toggle()};handleOutsideClick=t=>{const i=t.target;this.host.contains(i)||this.tooltipRef?.contains(i)||this.hide()};handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&document.querySelector("[popover]:popover-open:last-of-type")===this.tooltipRef&&(t.stopPropagation(),this.hide(),this.triggerRef&&"focus"in this.triggerRef&&this.triggerRef.focus())};handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};setupOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick),"click"===this.trigger&&document.addEventListener("click",this.handleOutsideClick)}componentDidLoad(){this.tooltipId=`tooltip-${Math.random().toString(36).substring(2,11)}`,this.setupOutsideClickListener(),this.tooltipRef&&this.tooltipRef.addEventListener("toggle",this.handleToggle),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.clearTimeouts(),this.stopAutoUpdate(),this.stopFollowing(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.tooltipRef&&this.tooltipRef.removeEventListener("toggle",this.handleToggle)}tooltipClass=d({slots:{tooltip:"bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]",arrow:"absolute w-2 h-2 bg-color-default-dark rotate-45",content:""},variants:{size:{small:{tooltip:"text-size-3 py-1 px-2"},medium:{tooltip:"text-size-4 py-1.5 px-3"},large:{tooltip:"text-size-5 py-2 px-4"}},follow:{true:{tooltip:"pointer-events-none"}}}});render(){const{tooltip:t,arrow:i}=this.tooltipClass({size:this.size,follow:this.follow});return e("div",{key:"84c2e6c630cb335fe16169bb6aeb3a66dc261244",class:"inline-block"},e("slot",{key:"7bde60ac003dce4895a412b5bb2204c93c8ed178",onSlotchange:this.handleSlotChange}),e("div",{key:"53af09dd13c739a9c3fcdf88bd7f40be6c1ae7e3",ref:t=>this.tooltipRef=t,id:this.tooltipId,part:"tooltip",class:t(),popover:"manual",role:"tooltip"},this.arrow&&!this.follow&&e("div",{key:"7496ed13a22a95ca91f68468dcaa9668e3c7edfb",ref:t=>this.arrowRef=t,part:"arrow",class:i()}),e("div",{key:"343280333e13f2d9ce7a41ac7df2aa4f0cd8984b",part:"content"},e("slot",{key:"dd818124847a62ac7923e4fc792ca9f7ba7a335c",name:"content"},this.message))))}static get watchers(){return{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}}};l.style=".visible{visibility:visible}.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))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block}[popover]{border:none;opacity:0;overflow:visible;padding:0;transform:scale(.95);transition:opacity .1s ease-out,transform .1s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;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))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-default-dark{background-color:var(--bcm-ui-color-background-default-dark-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}";export{l as bcm_tooltip}
+import{r as t,a as i,h as e}from"./p-DIiUOF5H.js";import{a as s,c as o,o as a,f as r,s as h,b as n}from"./p-DBDSgIvP.js";import{t as l}from"./p-CEcVC0yX.js";const d=class{constructor(i){t(this,i)}get host(){return i(this)}tooltipRef;arrowRef;triggerRef;cleanupAutoUpdate;showTimeout;hideTimeout;mouseX=0;mouseY=0;rafId;tooltipId;trigger="hover";placement="top";size="medium";message;showDelay=150;hideDelay=100;arrow=!0;disabled=!1;offset=12;follow=!1;isOpen=!1;handleDisabledChange(t){t&&this.isOpen&&this.hide()}handleTriggerChange(){this.removeTriggerListeners(),this.setupOutsideClickListener(),this.triggerRef&&this.setupTriggerListeners()}async handleOpenChange(t){this.tooltipRef&&(t?(this.tooltipRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),this.follow?this.startFollowing():(await this.updatePosition(),this.startAutoUpdate())):(this.tooltipRef.hidePopover(),this.stopFollowing(),this.stopAutoUpdate()))}async show(){this.disabled||(this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.isOpen=!0}),this.showDelay))}async hide(){this.clearTimeouts(),this.hideTimeout=window.setTimeout((()=>{this.isOpen=!1}),this.hideDelay)}async toggle(){this.isOpen?await this.hide():await this.show()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}startAutoUpdate(){this.triggerRef&&this.tooltipRef&&!this.follow&&(this.cleanupAutoUpdate=s(this.triggerRef,this.tooltipRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}startFollowing(){if(!this.follow)return;const t=()=>{if(!this.isOpen||!this.tooltipRef)return void(this.rafId=void 0);const i=this.offset;this.tooltipRef.style.left=`${this.mouseX+this.offset}px`,this.tooltipRef.style.top=`${this.mouseY+i}px`,this.rafId=requestAnimationFrame(t)};this.rafId=requestAnimationFrame(t)}stopFollowing(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}async updatePosition(){if(this.triggerRef&&this.tooltipRef&&!this.follow)try{const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.isOpen)return void this.hide();const i=[a(this.offset),r(),h({padding:8})];this.arrow&&this.arrowRef&&i.push(n({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:s,y:l,placement:d,middlewareData:c}=await o(e,this.tooltipRef,{placement:this.placement,strategy:"fixed",middleware:i});if(this.tooltipRef.style.left=`${s}px`,this.tooltipRef.style.top=`${l}px`,this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:i}=c.arrow,e={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=i?`${i}px`:"",right:"",bottom:"",[e]:"-4px"})}}catch(t){console.error("Failed to compute tooltip position:",t)}}setupTriggerListeners(){this.triggerRef&&("hover"===this.trigger?(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.follow&&this.triggerRef.addEventListener("mousemove",this.handleMouseMove)):"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleClick))}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const i=t.assignedElements();this.triggerRef=i[0]||this.host,this.triggerRef&&(this.tooltipRef&&this.tooltipId&&this.triggerRef.setAttribute("aria-describedby",this.tooltipId),this.removeTriggerListeners(),this.setupTriggerListeners())};removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("mousemove",this.handleMouseMove),this.triggerRef.removeEventListener("click",this.handleClick))}handleMouseEnter=()=>{this.disabled||this.show()};handleMouseLeave=()=>{this.hide()};handleMouseMove=t=>{this.mouseX=t.clientX,this.mouseY=t.clientY};handleClick=()=>{this.disabled||this.toggle()};handleOutsideClick=t=>{const i=t.target;this.host.contains(i)||this.tooltipRef?.contains(i)||this.hide()};handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&document.querySelector("[popover]:popover-open:last-of-type")===this.tooltipRef&&(t.stopPropagation(),this.hide(),this.triggerRef&&"focus"in this.triggerRef&&this.triggerRef.focus())};handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};setupOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick),"click"===this.trigger&&document.addEventListener("click",this.handleOutsideClick)}componentDidLoad(){this.tooltipId=`tooltip-${Math.random().toString(36).substring(2,11)}`,this.setupOutsideClickListener(),this.tooltipRef&&this.tooltipRef.addEventListener("toggle",this.handleToggle),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.clearTimeouts(),this.stopAutoUpdate(),this.stopFollowing(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.tooltipRef&&this.tooltipRef.removeEventListener("toggle",this.handleToggle)}tooltipClass=l({slots:{tooltip:"bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]",arrow:"absolute w-2 h-2 bg-color-default-dark rotate-45",content:""},variants:{size:{small:{tooltip:"text-size-3 py-1 px-2"},medium:{tooltip:"text-size-4 py-1.5 px-3"},large:{tooltip:"text-size-5 py-2 px-4"}},follow:{true:{tooltip:"pointer-events-none"}}}});render(){const{tooltip:t,arrow:i}=this.tooltipClass({size:this.size,follow:this.follow});return e("div",{key:"84c2e6c630cb335fe16169bb6aeb3a66dc261244",class:"inline-block"},e("slot",{key:"7bde60ac003dce4895a412b5bb2204c93c8ed178",onSlotchange:this.handleSlotChange}),e("div",{key:"53af09dd13c739a9c3fcdf88bd7f40be6c1ae7e3",ref:t=>this.tooltipRef=t,id:this.tooltipId,part:"tooltip",class:t(),popover:"manual",role:"tooltip"},this.arrow&&!this.follow&&e("div",{key:"7496ed13a22a95ca91f68468dcaa9668e3c7edfb",ref:t=>this.arrowRef=t,part:"arrow",class:i()}),e("div",{key:"343280333e13f2d9ce7a41ac7df2aa4f0cd8984b",part:"content"},e("slot",{key:"dd818124847a62ac7923e4fc792ca9f7ba7a335c",name:"content"},this.message))))}static get watchers(){return{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}}};d.style=".visible{visibility:visible}.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))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:inline-block}[popover]{border:none;opacity:0;overflow:visible;padding:0;transform:scale(.95);transition:opacity .1s ease-out,transform .1s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;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))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-default-dark{background-color:var(--bcm-ui-color-background-default-dark-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}";export{d as bcm_tooltip}

package/dist/bromcom-ui/{p-e4313ff2.entry.js → p-3c60e192.entry.js}

@@ -1 +1 @@
-import{r,h as d}from"./p-CMMdTZSd.js";import{t as o}from"./p-CEcVC0yX.js";const e=class{constructor(d){r(this,d)}direction="horizontal";variant="solid";size="medium";dividerClass=o({base:"bcm-ui-element border-[--bcm-divider-border]",variants:{direction:{horizontal:"w-full border-t",vertical:"h-full border-l"},variant:{solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},size:{small:"border-[1px]",medium:"border-2",large:"border-4"}},defaultVariants:{direction:"horizontal",variant:"solid",size:"medium"}},{twMerge:!1});render(){return d("div",{key:"e1b7922ba52ac9a1c46f299dc1d0fe2a836f7e2b",role:"separator","aria-orientation":this.direction,class:this.dividerClass({direction:this.direction,variant:this.variant,size:this.size})})}};e.style=".block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{e as bcm_divider}
+import{r,h as d}from"./p-DIiUOF5H.js";import{t as o}from"./p-CEcVC0yX.js";const e=class{constructor(d){r(this,d)}direction="horizontal";variant="solid";size="medium";dividerClass=o({base:"bcm-ui-element border-[--bcm-divider-border]",variants:{direction:{horizontal:"w-full border-t",vertical:"h-full border-l"},variant:{solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},size:{small:"border-[1px]",medium:"border-2",large:"border-4"}},defaultVariants:{direction:"horizontal",variant:"solid",size:"medium"}},{twMerge:!1});render(){return d("div",{key:"e1b7922ba52ac9a1c46f299dc1d0fe2a836f7e2b",role:"separator","aria-orientation":this.direction,class:this.dividerClass({direction:this.direction,variant:this.variant,size:this.size})})}};e.style=".block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{e as bcm_divider}

package/dist/bromcom-ui/{p-0243883b.entry.js → p-426b9201.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as i,h as s}from"./p-CMMdTZSd.js";import{a as o,c as a,o as r,f as h,s as n,b as l}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";const c=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcmBeforeOpen",1),this.bcmOpen=e(this,"bcmOpen",1),this.bcmBeforeClose=e(this,"bcmBeforeClose",1),this.bcmClose=e(this,"bcmClose",1)}get host(){return i(this)}triggerRef;popoverRef;arrowRef;cleanupAutoUpdate;showTimeout;hideTimeout;popoverId=`popover-${Math.random().toString(36).substring(2,11)}`;size="medium";placement="top";trigger="click";showDelay=0;hideDelay=0;open=!1;closeOnOutsideClick=!0;closeOnEscape=!0;headerText;message;arrow=!0;isOpen=!1;bcmBeforeOpen;bcmOpen;bcmBeforeClose;bcmClose;handleOpenChange(t){t?this.showInternal():this.hideInternal()}showInternal(){this.popoverRef&&(this.isOpen=!0,this.popoverRef.showPopover(),this.startAutoUpdate(),this.updatePosition(),this.triggerRef?.setAttribute("aria-expanded","true"),this.bcmOpen.emit(),this.closeOnOutsideClick&&this.addOutsideClickListener())}hideInternal(){this.popoverRef&&(this.isOpen=!1,this.popoverRef.hidePopover(),this.stopAutoUpdate(),this.triggerRef?.setAttribute("aria-expanded","false"),this.bcmClose.emit(),this.removeOutsideClickListener())}async show(){this.open||(this.clearTimeouts(),this.showDelay>0?this.showTimeout=window.setTimeout((()=>{this.bcmBeforeOpen.emit(),this.open=!0}),this.showDelay):(this.bcmBeforeOpen.emit(),this.open=!0))}async hide(){this.open&&(this.clearTimeouts(),this.hideDelay>0?this.hideTimeout=window.setTimeout((()=>{this.bcmBeforeClose.emit(),this.open=!1}),this.hideDelay):(this.bcmBeforeClose.emit(),this.open=!1))}async toggle(){this.open?await this.hide():await this.show()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}startAutoUpdate(){this.triggerRef&&this.popoverRef&&(this.cleanupAutoUpdate=o(this.triggerRef,this.popoverRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();e.length>0&&(this.removeTriggerListeners(),this.triggerRef=e[0],this.setupTriggerListeners(),this.setupAriaAttributes())};setupTriggerListeners(){this.triggerRef&&("hover"!==this.trigger&&"hover focus"!==this.trigger||(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.popoverRef?.addEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.addEventListener("mouseleave",this.handlePopoverMouseLeave)),"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleTriggerClick),"hover focus"===this.trigger&&(this.triggerRef.addEventListener("focus",this.handleFocus),this.triggerRef.addEventListener("blur",this.handleBlur)))}removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("click",this.handleTriggerClick),this.triggerRef.removeEventListener("focus",this.handleFocus),this.triggerRef.removeEventListener("blur",this.handleBlur),this.popoverRef?.removeEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.removeEventListener("mouseleave",this.handlePopoverMouseLeave))}handleMouseEnter=()=>{this.show()};handleMouseLeave=()=>{this.hide()};handlePopoverMouseEnter=()=>{this.clearTimeouts()};handlePopoverMouseLeave=()=>{this.hide()};handleTriggerClick=t=>{t.stopPropagation(),this.toggle()};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};setupAriaAttributes(){this.triggerRef&&(this.triggerRef.setAttribute("aria-describedby",this.popoverId),this.triggerRef.setAttribute("aria-expanded",String(this.open)),this.triggerRef.setAttribute("aria-haspopup","dialog"))}handleKeyDown(t){if(this.closeOnEscape&&this.open&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-popover[open]"));e[e.length-1]===this.host&&(t.preventDefault(),this.hide(),this.triggerRef?.focus())}}handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.open)return;const e=t.target,i=t.composedPath(),s=this.host.contains(e)||i.includes(this.host),o=this.popoverRef?.contains(e)||this.popoverRef&&i.includes(this.popoverRef);s||o||this.hide()};addOutsideClickListener(){setTimeout((()=>{document.addEventListener("click",this.handleOutsideClick,!0)}),0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};componentDidLoad(){this.popoverRef?.addEventListener("toggle",this.handleToggle),this.open&&this.showInternal()}disconnectedCallback(){if(this.clearTimeouts(),this.stopAutoUpdate(),this.removeTriggerListeners(),this.removeOutsideClickListener(),this.popoverRef&&(this.popoverRef.removeEventListener("toggle",this.handleToggle),this.isOpen))try{this.popoverRef.hidePopover()}catch(t){}}updatePosition=async()=>{if(!this.triggerRef||!this.popoverRef)return;const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.open)return void this.hide();const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},i=[r(12),h({fallbackPlacements:["top","left","bottom","right"]}),n({padding:8})];this.arrow&&this.arrowRef&&i.push(l({element:this.arrowRef}));const{x:s,y:o,placement:d,middlewareData:c}=await a(e,this.popoverRef,{placement:this.placement,strategy:"fixed",middleware:i});if(Object.assign(this.popoverRef.style,{left:`${s}px`,top:`${o}px`}),this.popoverRef.setAttribute("data-placement",d),this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:e}=c.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px"})}};popoverClass=d({slots:{box:["bcm-ui-element","bcm-popover","fixed","m-0","flex","flex-col","bg-[--popover-bg]","rounded-md","shadow-3","p-3","gap-1.5","min-w-max"],header:"font-semibold text-color",content:"font-normal text-color",arrow:"absolute w-3 h-3 bg-[--popover-bg] transform rotate-45"},variants:{size:{small:{box:"text-size-3"},medium:{box:"text-size-4"},large:{box:"text-size-5"}}},defaultVariants:{size:"medium"}});render(){const{box:t,header:e,content:i,arrow:o}=this.popoverClass({size:this.size});return s("div",{key:"6ae75ba15382687fc995e9ef0d9ff9316f7e408d",class:"inline-block"},s("slot",{key:"a1dc21911c1441adb37b21918ab87cb817778e36",onSlotchange:this.handleSlotChange}),s("div",{key:"002ed836d31db107699843aebdd7566fd8e64413",ref:t=>this.popoverRef=t,id:this.popoverId,part:"popover",class:t(),popover:"manual",role:"dialog","aria-labelledby":this.headerText?`${this.popoverId}-header`:void 0},this.arrow&&s("div",{key:"5e9cc584b6006e987b483228a30e808914891ef7",ref:t=>this.arrowRef=t,part:"arrow",class:o()}),s("div",{key:"6ae703362af520af237934a09176c81c71383905",id:`${this.popoverId}-header`,part:"header",class:e()},s("slot",{key:"aca501dc86fa9eb553a65f00e4d4eae87d463cc0",name:"header"},this.headerText)),s("div",{key:"0945c9e5eced1ed75412a86370e11248ddc3a2c0",part:"content",class:i()},s("slot",{key:"963b4eda8fd6654feaf3541dc4ec8d9e84f0a37e",name:"content"},this.message))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};c.style=".visible{visibility:visible}.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))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{--popover-bg:var(--bcm-ui-color-background-base-default);display:inline-block}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none}[data-placement^=right] [part=arrow]{border-right:none;border-top:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-3{height:.75rem}.w-3{width:.75rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.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))}.flex-col{flex-direction:column}.gap-1\\.5{gap:.375rem}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-3{padding:.75rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";export{c as bcm_popover}
+import{r as t,c as e,a as i,h as s}from"./p-DIiUOF5H.js";import{a as o,c as a,o as r,f as h,s as n,b as l}from"./p-DBDSgIvP.js";import{t as d}from"./p-CEcVC0yX.js";const c=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcmBeforeOpen",1),this.bcmOpen=e(this,"bcmOpen",1),this.bcmBeforeClose=e(this,"bcmBeforeClose",1),this.bcmClose=e(this,"bcmClose",1)}get host(){return i(this)}triggerRef;popoverRef;arrowRef;cleanupAutoUpdate;showTimeout;hideTimeout;popoverId=`popover-${Math.random().toString(36).substring(2,11)}`;size="medium";placement="top";trigger="click";showDelay=0;hideDelay=0;open=!1;closeOnOutsideClick=!0;closeOnEscape=!0;headerText;message;arrow=!0;isOpen=!1;bcmBeforeOpen;bcmOpen;bcmBeforeClose;bcmClose;handleOpenChange(t){t?this.showInternal():this.hideInternal()}showInternal(){this.popoverRef&&(this.isOpen=!0,this.popoverRef.showPopover(),this.startAutoUpdate(),this.updatePosition(),this.triggerRef?.setAttribute("aria-expanded","true"),this.bcmOpen.emit(),this.closeOnOutsideClick&&this.addOutsideClickListener())}hideInternal(){this.popoverRef&&(this.isOpen=!1,this.popoverRef.hidePopover(),this.stopAutoUpdate(),this.triggerRef?.setAttribute("aria-expanded","false"),this.bcmClose.emit(),this.removeOutsideClickListener())}async show(){this.open||(this.clearTimeouts(),this.showDelay>0?this.showTimeout=window.setTimeout((()=>{this.bcmBeforeOpen.emit(),this.open=!0}),this.showDelay):(this.bcmBeforeOpen.emit(),this.open=!0))}async hide(){this.open&&(this.clearTimeouts(),this.hideDelay>0?this.hideTimeout=window.setTimeout((()=>{this.bcmBeforeClose.emit(),this.open=!1}),this.hideDelay):(this.bcmBeforeClose.emit(),this.open=!1))}async toggle(){this.open?await this.hide():await this.show()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}startAutoUpdate(){this.triggerRef&&this.popoverRef&&(this.cleanupAutoUpdate=o(this.triggerRef,this.popoverRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();e.length>0&&(this.removeTriggerListeners(),this.triggerRef=e[0],this.setupTriggerListeners(),this.setupAriaAttributes())};setupTriggerListeners(){this.triggerRef&&("hover"!==this.trigger&&"hover focus"!==this.trigger||(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.popoverRef?.addEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.addEventListener("mouseleave",this.handlePopoverMouseLeave)),"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleTriggerClick),"hover focus"===this.trigger&&(this.triggerRef.addEventListener("focus",this.handleFocus),this.triggerRef.addEventListener("blur",this.handleBlur)))}removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("click",this.handleTriggerClick),this.triggerRef.removeEventListener("focus",this.handleFocus),this.triggerRef.removeEventListener("blur",this.handleBlur),this.popoverRef?.removeEventListener("mouseenter",this.handlePopoverMouseEnter),this.popoverRef?.removeEventListener("mouseleave",this.handlePopoverMouseLeave))}handleMouseEnter=()=>{this.show()};handleMouseLeave=()=>{this.hide()};handlePopoverMouseEnter=()=>{this.clearTimeouts()};handlePopoverMouseLeave=()=>{this.hide()};handleTriggerClick=t=>{t.stopPropagation(),this.toggle()};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};setupAriaAttributes(){this.triggerRef&&(this.triggerRef.setAttribute("aria-describedby",this.popoverId),this.triggerRef.setAttribute("aria-expanded",String(this.open)),this.triggerRef.setAttribute("aria-haspopup","dialog"))}handleKeyDown(t){if(this.closeOnEscape&&this.open&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-popover[open]"));e[e.length-1]===this.host&&(t.preventDefault(),this.hide(),this.triggerRef?.focus())}}handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.open)return;const e=t.target,i=t.composedPath(),s=this.host.contains(e)||i.includes(this.host),o=this.popoverRef?.contains(e)||this.popoverRef&&i.includes(this.popoverRef);s||o||this.hide()};addOutsideClickListener(){setTimeout((()=>{document.addEventListener("click",this.handleOutsideClick,!0)}),0)}removeOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick,!0)}handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};componentDidLoad(){this.popoverRef?.addEventListener("toggle",this.handleToggle),this.open&&this.showInternal()}disconnectedCallback(){if(this.clearTimeouts(),this.stopAutoUpdate(),this.removeTriggerListeners(),this.removeOutsideClickListener(),this.popoverRef&&(this.popoverRef.removeEventListener("toggle",this.handleToggle),this.isOpen))try{this.popoverRef.hidePopover()}catch(t){}}updatePosition=async()=>{if(!this.triggerRef||!this.popoverRef)return;const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.open)return void this.hide();const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},i=[r(12),h({fallbackPlacements:["top","left","bottom","right"]}),n({padding:8})];this.arrow&&this.arrowRef&&i.push(l({element:this.arrowRef}));const{x:s,y:o,placement:d,middlewareData:c}=await a(e,this.popoverRef,{placement:this.placement,strategy:"fixed",middleware:i});if(Object.assign(this.popoverRef.style,{left:`${s}px`,top:`${o}px`}),this.popoverRef.setAttribute("data-placement",d),this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:e}=c.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px"})}};popoverClass=d({slots:{box:["bcm-ui-element","bcm-popover","fixed","m-0","flex","flex-col","bg-[--popover-bg]","rounded-md","shadow-3","p-3","gap-1.5","min-w-max"],header:"font-semibold text-color",content:"font-normal text-color",arrow:"absolute w-3 h-3 bg-[--popover-bg] transform rotate-45"},variants:{size:{small:{box:"text-size-3"},medium:{box:"text-size-4"},large:{box:"text-size-5"}}},defaultVariants:{size:"medium"}});render(){const{box:t,header:e,content:i,arrow:o}=this.popoverClass({size:this.size});return s("div",{key:"6ae75ba15382687fc995e9ef0d9ff9316f7e408d",class:"inline-block"},s("slot",{key:"a1dc21911c1441adb37b21918ab87cb817778e36",onSlotchange:this.handleSlotChange}),s("div",{key:"002ed836d31db107699843aebdd7566fd8e64413",ref:t=>this.popoverRef=t,id:this.popoverId,part:"popover",class:t(),popover:"manual",role:"dialog","aria-labelledby":this.headerText?`${this.popoverId}-header`:void 0},this.arrow&&s("div",{key:"5e9cc584b6006e987b483228a30e808914891ef7",ref:t=>this.arrowRef=t,part:"arrow",class:o()}),s("div",{key:"6ae703362af520af237934a09176c81c71383905",id:`${this.popoverId}-header`,part:"header",class:e()},s("slot",{key:"aca501dc86fa9eb553a65f00e4d4eae87d463cc0",name:"header"},this.headerText)),s("div",{key:"0945c9e5eced1ed75412a86370e11248ddc3a2c0",part:"content",class:i()},s("slot",{key:"963b4eda8fd6654feaf3541dc4ec8d9e84f0a37e",name:"content"},this.message))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};c.style=".visible{visibility:visible}.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))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{--popover-bg:var(--bcm-ui-color-background-base-default);display:inline-block}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none}[data-placement^=right] [part=arrow]{border-right:none;border-top:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-3{height:.75rem}.w-3{width:.75rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.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))}.flex-col{flex-direction:column}.gap-1\\.5{gap:.375rem}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-3{padding:.75rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";export{c as bcm_popover}