bromcom-ui-next 0.1.35 → 0.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.css +1 -1
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-fd46a140.entry.js → p-0243883b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-895b8bb4.entry.js → p-080da372.entry.js} +1 -1
- package/dist/bromcom-ui/{p-62d8102c.entry.js → p-0c6c9eeb.entry.js} +1 -1
- package/dist/bromcom-ui/p-0e2b31bd.entry.js +1 -0
- package/dist/bromcom-ui/{p-5304549e.entry.js → p-110ec129.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0f5e0b9f.entry.js → p-1217a925.entry.js} +1 -1
- package/dist/bromcom-ui/{p-25271aa9.entry.js → p-190c8b3d.entry.js} +1 -1
- package/dist/bromcom-ui/p-276e7fba.entry.js +1 -0
- package/dist/bromcom-ui/p-27bbf889.entry.js +1 -0
- package/dist/bromcom-ui/p-34a7f059.entry.js +1 -0
- package/dist/bromcom-ui/{p-845c2efb.entry.js → p-445ed748.entry.js} +1 -1
- package/dist/bromcom-ui/p-50543ea6.entry.js +1 -0
- package/dist/bromcom-ui/{p-477c72dc.entry.js → p-5f5d9e0b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1edcb34b.entry.js → p-60f827f5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6e4139db.entry.js → p-7cc9e983.entry.js} +1 -1
- package/dist/bromcom-ui/{p-dfa1bca3.entry.js → p-89ca4d42.entry.js} +1 -1
- package/dist/bromcom-ui/p-B6fOQl2c.js +1 -0
- package/dist/bromcom-ui/p-CMMdTZSd.js +2 -0
- package/dist/bromcom-ui/{p-6557205e.entry.js → p-b1cdd6d5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8add5156.entry.js → p-b6b7b65d.entry.js} +1 -1
- package/dist/bromcom-ui/p-b7b26c54.entry.js +1 -0
- package/dist/bromcom-ui/{p-c1d01fe9.entry.js → p-bbdef540.entry.js} +1 -1
- package/dist/bromcom-ui/{p-157e3867.entry.js → p-be443d89.entry.js} +1 -1
- package/dist/bromcom-ui/p-cb6d892a.entry.js +1 -0
- package/dist/bromcom-ui/{p-5532c7ab.entry.js → p-d450e75a.entry.js} +1 -1
- package/dist/bromcom-ui/p-d6bb2275.entry.js +1 -0
- package/dist/bromcom-ui/p-e009ad6f.entry.js +1 -0
- package/dist/bromcom-ui/p-e4313ff2.entry.js +1 -0
- package/dist/bromcom-ui/p-f1e0d703.entry.js +1 -0
- package/dist/bromcom-ui/{p-8d5f1514.entry.js → p-f336c466.entry.js} +1 -1
- package/dist/bromcom-ui/p-fe5a2a9c.entry.js +1 -0
- package/dist/cjs/{base-choice-control-zq9c-9Tq.js → base-choice-control-C9XImqVT.js} +1 -1
- package/dist/cjs/bcm-accordion-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
- package/dist/cjs/bcm-alert.cjs.entry.js +2 -2
- package/dist/cjs/bcm-avatar.cjs.entry.js +2 -2
- package/dist/cjs/bcm-badge.cjs.entry.js +2 -2
- package/dist/cjs/bcm-basic-badge.cjs.entry.js +2 -2
- package/dist/cjs/bcm-button-group.cjs.entry.js +5 -5
- package/dist/cjs/bcm-button.cjs.entry.js +5 -5
- package/dist/cjs/bcm-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
- package/dist/cjs/bcm-divider.cjs.entry.js +4 -4
- package/dist/cjs/bcm-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bcm-dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/bcm-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/bcm-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/bcm-input.cjs.entry.js +2 -2
- package/dist/cjs/bcm-linked.cjs.entry.js +2 -2
- package/dist/cjs/bcm-modal.cjs.entry.js +2 -2
- package/dist/cjs/bcm-pop-confirm.cjs.entry.js +2 -2
- package/dist/cjs/bcm-popover.cjs.entry.js +2 -2
- package/dist/cjs/bcm-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-radio.cjs.entry.js +2 -2
- package/dist/cjs/{bcm-segment_2.cjs.entry.js → bcm-segment_3.cjs.entry.js} +128 -10
- package/dist/cjs/bcm-shortcut.cjs.entry.js +2 -2
- package/dist/cjs/bcm-switch.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tabs.cjs.entry.js +6 -6
- package/dist/cjs/bcm-textarea.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/bromcom-ui.cjs.js +2 -2
- package/dist/cjs/{index-Dlrg6PRN.js → index-fv2qPyuO.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/accordion/accordion.css +1 -1
- package/dist/collection/components/accordion-group/accordion-group.css +1 -1
- package/dist/collection/components/alert/alert.css +1 -1
- package/dist/collection/components/avatar/avatar.css +1 -1
- package/dist/collection/components/badge/badge.css +1 -1
- package/dist/collection/components/basic-badge/basic-badge.css +1 -1
- package/dist/collection/components/button/button.component.js +3 -3
- package/dist/collection/components/button/button.css +1 -1
- package/dist/collection/components/button-group/button-group.component.js +3 -3
- package/dist/collection/components/button-group/button-group.css +1 -1
- package/dist/collection/components/checkbox/checkbox.css +1 -1
- package/dist/collection/components/chip/chip.css +1 -1
- package/dist/collection/components/divider/divider.component.js +2 -2
- package/dist/collection/components/divider/divider.css +1 -1
- package/dist/collection/components/drawer/drawer.css +1 -1
- package/dist/collection/components/dropdown/dropdown.component.js +2 -2
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +1 -1
- package/dist/collection/components/input/input.css +1 -1
- package/dist/collection/components/linked/linked.css +1 -1
- package/dist/collection/components/modal/modal.css +1 -1
- package/dist/collection/components/pop-confirm/pop-confirm.css +1 -1
- package/dist/collection/components/popover/popover.css +1 -1
- package/dist/collection/components/radio/radio.css +1 -1
- package/dist/collection/components/radio-group/radio-group.css +1 -1
- package/dist/collection/components/segmented-picker/segment.component.js +3 -3
- package/dist/collection/components/segmented-picker/segment.css +1 -1
- package/dist/collection/components/segmented-picker/segmented-picker.component.js +4 -4
- package/dist/collection/components/segmented-picker/segmented-picker.css +1 -1
- package/dist/collection/components/shortcut/shortcut.css +1 -1
- package/dist/collection/components/switch/switch.css +1 -1
- package/dist/collection/components/tabs/bcm-tab.css +1 -1
- package/dist/collection/components/tabs/bcm-tabs.css +1 -1
- package/dist/collection/components/tabs/tab.component.js +1 -1
- package/dist/collection/components/tabs/tabs.component.js +4 -4
- package/dist/collection/components/text/text.component.js +1 -1
- package/dist/collection/components/text/text.css +1 -1
- package/dist/collection/components/textarea/textarea.css +1 -1
- package/dist/collection/components/tooltip/tooltip.css +1 -1
- package/dist/collection/components/upload/file-upload.css +1 -1
- package/dist/components/bcm-accordion-group.js +1 -1
- package/dist/components/bcm-accordion.js +1 -1
- package/dist/components/bcm-alert.js +1 -1
- package/dist/components/bcm-avatar.js +1 -1
- package/dist/components/bcm-badge.js +1 -1
- package/dist/components/bcm-basic-badge.js +1 -1
- package/dist/components/bcm-button-group.js +1 -1
- package/dist/components/bcm-button.js +1 -1
- package/dist/components/bcm-checkbox.js +1 -1
- package/dist/components/bcm-chip.js +1 -1
- package/dist/components/bcm-divider.js +1 -1
- package/dist/components/bcm-drawer.js +1 -1
- package/dist/components/bcm-dropdown-item.js +1 -1
- package/dist/components/bcm-dropdown.js +1 -1
- package/dist/components/bcm-file-upload.js +1 -1
- package/dist/components/bcm-input.js +1 -1
- package/dist/components/bcm-linked.js +1 -1
- package/dist/components/bcm-modal.js +1 -1
- package/dist/components/bcm-pop-confirm.js +1 -1
- package/dist/components/bcm-popover.js +1 -1
- package/dist/components/bcm-radio-group.js +1 -1
- package/dist/components/bcm-radio.js +1 -1
- package/dist/components/bcm-segment.js +1 -1
- package/dist/components/bcm-segmented-picker.js +1 -1
- package/dist/components/bcm-shortcut.js +1 -1
- package/dist/components/bcm-switch.js +1 -1
- package/dist/components/bcm-tab.js +1 -1
- package/dist/components/bcm-tabs.js +1 -1
- package/dist/components/bcm-text.js +1 -1
- package/dist/components/bcm-textarea.js +1 -1
- package/dist/components/bcm-tooltip.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CZzIWCra.js → p-04VLM9is.js} +1 -1
- package/dist/components/p-B84kAEj4.js +1 -0
- package/dist/components/p-C5L1VS3f.js +1 -0
- package/dist/components/p-CFJJb6o5.js +1 -0
- package/dist/esm/{base-choice-control-CFIP5ITH.js → base-choice-control-AOuWOYve.js} +1 -1
- package/dist/esm/bcm-accordion-group.entry.js +2 -2
- package/dist/esm/bcm-accordion.entry.js +2 -2
- package/dist/esm/bcm-alert.entry.js +2 -2
- package/dist/esm/bcm-avatar.entry.js +2 -2
- package/dist/esm/bcm-badge.entry.js +2 -2
- package/dist/esm/bcm-basic-badge.entry.js +2 -2
- package/dist/esm/bcm-button-group.entry.js +5 -5
- package/dist/esm/bcm-button.entry.js +5 -5
- package/dist/esm/bcm-checkbox.entry.js +3 -3
- package/dist/esm/bcm-chip.entry.js +2 -2
- package/dist/esm/bcm-divider.entry.js +4 -4
- package/dist/esm/bcm-drawer.entry.js +2 -2
- package/dist/esm/bcm-dropdown-item.entry.js +2 -2
- package/dist/esm/bcm-dropdown.entry.js +4 -4
- package/dist/esm/bcm-file-upload.entry.js +2 -2
- package/dist/esm/bcm-input.entry.js +2 -2
- package/dist/esm/bcm-linked.entry.js +2 -2
- package/dist/esm/bcm-modal.entry.js +2 -2
- package/dist/esm/bcm-pop-confirm.entry.js +2 -2
- package/dist/esm/bcm-popover.entry.js +2 -2
- package/dist/esm/bcm-radio-group.entry.js +2 -2
- package/dist/esm/bcm-radio.entry.js +2 -2
- package/dist/esm/{bcm-segment_2.entry.js → bcm-segment_3.entry.js} +128 -11
- package/dist/esm/bcm-shortcut.entry.js +2 -2
- package/dist/esm/bcm-switch.entry.js +3 -3
- package/dist/esm/bcm-tab.entry.js +3 -3
- package/dist/esm/bcm-tabs.entry.js +6 -6
- package/dist/esm/bcm-textarea.entry.js +2 -2
- package/dist/esm/bcm-tooltip.entry.js +2 -2
- package/dist/esm/bromcom-ui.js +3 -3
- package/dist/esm/{index-P3nVYb_t.js → index-CMMdTZSd.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/package.json +6 -2
- package/dist/bromcom-ui/p-09fd484a.entry.js +0 -1
- package/dist/bromcom-ui/p-1fa0e76a.entry.js +0 -1
- package/dist/bromcom-ui/p-2a624c69.entry.js +0 -1
- package/dist/bromcom-ui/p-4d8c3a81.entry.js +0 -1
- package/dist/bromcom-ui/p-4e8427d1.entry.js +0 -1
- package/dist/bromcom-ui/p-CsMKmMnn.js +0 -1
- package/dist/bromcom-ui/p-P3nVYb_t.js +0 -2
- package/dist/bromcom-ui/p-b11737d0.entry.js +0 -1
- package/dist/bromcom-ui/p-b74e7f69.entry.js +0 -1
- package/dist/bromcom-ui/p-bd731f4f.entry.js +0 -1
- package/dist/bromcom-ui/p-c8d44905.entry.js +0 -1
- package/dist/bromcom-ui/p-cb97f634.entry.js +0 -1
- package/dist/bromcom-ui/p-d509ab1c.entry.js +0 -1
- package/dist/bromcom-ui/p-da6acc7c.entry.js +0 -1
- package/dist/bromcom-ui/p-fbb4c60c.entry.js +0 -1
- package/dist/cjs/bcm-text.cjs.entry.js +0 -122
- package/dist/components/p-C4e2miCG.js +0 -1
- package/dist/components/p-CUi3HLVF.js +0 -1
- package/dist/components/p-RZocq9y2.js +0 -1
- package/dist/esm/bcm-text.entry.js +0 -120
|
@@ -1 +1 @@
|
|
|
1
|
-
@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");*,: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,sans-serif}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite}.font-sans{font-family:Inter,sans-serif}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}.animate-shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}:root{--bcm-ui-color-text-base:#fff;--bcm-ui-color-text-header:var(--bcm-color-secondary-800);--bcm-ui-color-text-default:var(--bcm-color-secondary-700);--bcm-ui-color-text-label:var(--bcm-color-secondary-700);--bcm-ui-color-text-helper:var(--bcm-color-secondary-500);--bcm-ui-color-text-placeholder:var(--bcm-color-secondary-500);--bcm-ui-color-text-caption:var(--bcm-color-secondary-600);--bcm-ui-color-text-icon-default:var(--bcm-color-secondary-600);--bcm-ui-color-text-icon-dark:var(--bcm-color-secondary-700);--bcm-ui-color-text-primary:var(--bcm-color-primary-700);--bcm-ui-color-text-info:var(--bcm-color-info-700);--bcm-ui-color-text-success:var(--bcm-color-success-700);--bcm-ui-color-text-warning:var(--bcm-color-warning-700);--bcm-ui-color-text-error:var(--bcm-color-error-700);--bcm-ui-color-text-disabled:var(--bcm-color-secondary-500);--bcm-ui-color-text-visited:oklch(0.496 0.265 301.924);--bcm-ui-color-border-base:#fff;--bcm-ui-color-border-default:var(--bcm-color-secondary-300);--bcm-ui-color-border-default-alt:var(--bcm-color-secondary-600);--bcm-ui-color-border-focus:var(--bcm-color-primary-800);--bcm-ui-color-border-disabled:var(--bcm-color-secondary-300);--bcm-ui-color-border-primary:var(--bcm-color-primary-700);--bcm-ui-color-border-info:var(--bcm-color-info-700);--bcm-ui-color-border-success:var(--bcm-color-success-700);--bcm-ui-color-border-warning:var(--bcm-color-warning-700);--bcm-ui-color-border-error:var(--bcm-color-error-700);--bcm-ui-color-background-basic-masterpage:oklch(0.985 0.002 247.839);--bcm-ui-color-background-basic-card:#fff;--bcm-ui-color-background-basic-modal:#fff;--bcm-ui-color-background-basic-panel:#fff;--bcm-ui-color-background-basic-base:#fff;--bcm-ui-color-background-disabled-default:var(--bcm-color-secondary-300);--bcm-ui-color-background-base-default:#fff;--bcm-ui-color-background-base-hover:var(--bcm-color-secondary-100);--bcm-ui-color-background-base-active:var(--bcm-color-secondary-200);--bcm-ui-color-background-default-default:var(--bcm-color-secondary-100);--bcm-ui-color-background-default-hover:var(--bcm-color-secondary-200);--bcm-ui-color-background-default-active:var(--bcm-color-secondary-300);--bcm-ui-color-background-default-dark-default:var(--bcm-color-secondary-700);--bcm-ui-color-background-default-dark-hover:var(--bcm-color-secondary-800);--bcm-ui-color-background-default-dark-active:var(--bcm-color-secondary-900);--bcm-ui-color-background-primary-default:var(--bcm-color-primary-700);--bcm-ui-color-background-primary-hover:var(--bcm-color-primary-800);--bcm-ui-color-background-primary-active:var(--bcm-color-primary-900);--bcm-ui-color-background-info-default:var(--bcm-color-info-700);--bcm-ui-color-background-info-hover:var(--bcm-color-info-800);--bcm-ui-color-background-info-active:var(--bcm-color-info-900);--bcm-ui-color-background-success-default:var(--bcm-color-success-700);--bcm-ui-color-background-success-hover:var(--bcm-color-success-800);--bcm-ui-color-background-success-active:var(--bcm-color-success-900);--bcm-ui-color-background-warning-default:var(--bcm-color-warning-700);--bcm-ui-color-background-warning-hover:var(--bcm-color-warning-800);--bcm-ui-color-background-warning-active:var(--bcm-color-warning-900);--bcm-ui-color-background-error-default:var(--bcm-color-error-700);--bcm-ui-color-background-error-hover:var(--bcm-color-error-800);--bcm-ui-color-background-error-active:var(--bcm-color-error-900);--bcm-ui-color-ring-default:var(--bcm-color-primary-700);--bcm-ui-color-background-transparent-default:rgba(0,0,0,.4);--bcm-ui-color-text-palette-primary:var(--bcm-color-primary-700);--bcm-ui-color-text-palette-info:var(--bcm-color-info-700);--bcm-ui-color-text-palette-success:var(--bcm-color-success-700);--bcm-ui-color-text-palette-warning:var(--bcm-color-warning-700);--bcm-ui-color-text-palette-error:var(--bcm-color-error-700);--bcm-ui-color-text-palette-slate:oklch(0.372 0.044 257.287);--bcm-ui-color-text-palette-gray:oklch(0.373 0.034 259.733);--bcm-ui-color-text-palette-zinc:oklch(0.37 0.013 285.805);--bcm-ui-color-text-palette-neutral:oklch(0.371 0 0);--bcm-ui-color-text-palette-stone:oklch(0.374 0.01 67.558);--bcm-ui-color-text-palette-red:oklch(0.505 0.213 27.518);--bcm-ui-color-text-palette-orange:oklch(0.553 0.195 38.402);--bcm-ui-color-text-palette-amber:oklch(0.555 0.163 48.998);--bcm-ui-color-text-palette-yellow:oklch(0.554 0.135 66.442);--bcm-ui-color-text-palette-lime:oklch(0.532 0.157 131.589);--bcm-ui-color-text-palette-green:oklch(0.527 0.154 150.069);--bcm-ui-color-text-palette-emerald:oklch(0.508 0.118 165.612);--bcm-ui-color-text-palette-teal:oklch(0.511 0.096 186.391);--bcm-ui-color-text-palette-cyan:oklch(0.52 0.105 223.128);--bcm-ui-color-text-palette-sky:oklch(0.5 0.134 242.749);--bcm-ui-color-text-palette-blue:oklch(0.488 0.243 264.376);--bcm-ui-color-text-palette-indigo:oklch(0.457 0.24 277.023);--bcm-ui-color-text-palette-violet:oklch(0.491 0.27 292.581);--bcm-ui-color-text-palette-purple:oklch(0.496 0.265 301.924);--bcm-ui-color-text-palette-fuchsia:oklch(0.518 0.253 323.949);--bcm-ui-color-text-palette-pink:oklch(0.525 0.223 3.958);--bcm-ui-color-text-palette-rose:oklch(0.514 0.222 16.935);--bcm-ui-color-border-palette-primary:var(--bcm-color-primary-700);--bcm-ui-color-border-palette-info:var(--bcm-color-info-700);--bcm-ui-color-border-palette-success:var(--bcm-color-success-700);--bcm-ui-color-border-palette-warning:var(--bcm-color-warning-700);--bcm-ui-color-border-palette-error:var(--bcm-color-error-700);--bcm-ui-color-border-palette-slate:oklch(0.372 0.044 257.287);--bcm-ui-color-border-palette-gray:oklch(0.373 0.034 259.733);--bcm-ui-color-border-palette-zinc:oklch(0.37 0.013 285.805);--bcm-ui-color-border-palette-neutral:oklch(0.371 0 0);--bcm-ui-color-border-palette-stone:oklch(0.374 0.01 67.558);--bcm-ui-color-border-palette-red:oklch(0.505 0.213 27.518);--bcm-ui-color-border-palette-orange:oklch(0.553 0.195 38.402);--bcm-ui-color-border-palette-amber:oklch(0.555 0.163 48.998);--bcm-ui-color-border-palette-yellow:oklch(0.554 0.135 66.442);--bcm-ui-color-border-palette-lime:oklch(0.532 0.157 131.589);--bcm-ui-color-border-palette-green:oklch(0.527 0.154 150.069);--bcm-ui-color-border-palette-emerald:oklch(0.508 0.118 165.612);--bcm-ui-color-border-palette-teal:oklch(0.511 0.096 186.391);--bcm-ui-color-border-palette-cyan:oklch(0.52 0.105 223.128);--bcm-ui-color-border-palette-sky:oklch(0.5 0.134 242.749);--bcm-ui-color-border-palette-blue:oklch(0.488 0.243 264.376);--bcm-ui-color-border-palette-indigo:oklch(0.457 0.24 277.023);--bcm-ui-color-border-palette-violet:oklch(0.491 0.27 292.581);--bcm-ui-color-border-palette-purple:oklch(0.496 0.265 301.924);--bcm-ui-color-border-palette-fuchsia:oklch(0.518 0.253 323.949);--bcm-ui-color-border-palette-pink:oklch(0.525 0.223 3.958);--bcm-ui-color-border-palette-rose:oklch(0.514 0.222 16.935);--bcm-ui-color-background-vivid-primary-default:var(--bcm-color-primary-700);--bcm-ui-color-background-vivid-primary-hover:var(--bcm-color-primary-800);--bcm-ui-color-background-vivid-primary-active:var(--bcm-color-primary-900);--bcm-ui-color-background-vivid-info-default:var(--bcm-color-info-700);--bcm-ui-color-background-vivid-info-hover:var(--bcm-color-info-800);--bcm-ui-color-background-vivid-info-active:var(--bcm-color-info-900);--bcm-ui-color-background-vivid-success-default:var(--bcm-color-success-700);--bcm-ui-color-background-vivid-success-hover:var(--bcm-color-success-800);--bcm-ui-color-background-vivid-success-active:var(--bcm-color-success-900);--bcm-ui-color-background-vivid-warning-default:var(--bcm-color-warning-700);--bcm-ui-color-background-vivid-warning-hover:var(--bcm-color-warning-800);--bcm-ui-color-background-vivid-warning-active:var(--bcm-color-warning-900);--bcm-ui-color-background-vivid-error-default:var(--bcm-color-error-700);--bcm-ui-color-background-vivid-error-hover:var(--bcm-color-error-800);--bcm-ui-color-background-vivid-error-active:var(--bcm-color-error-900);--bcm-ui-color-background-vivid-slate-default:oklch(0.372 0.044 257.287);--bcm-ui-color-background-vivid-slate-hover:oklch(0.279 0.041 260.031);--bcm-ui-color-background-vivid-slate-active:oklch(0.208 0.042 265.755);--bcm-ui-color-background-vivid-gray-default:oklch(0.373 0.034 259.733);--bcm-ui-color-background-vivid-gray-hover:oklch(0.278 0.033 256.848);--bcm-ui-color-background-vivid-gray-active:oklch(0.21 0.034 264.665);--bcm-ui-color-background-vivid-zinc-default:oklch(0.37 0.013 285.805);--bcm-ui-color-background-vivid-zinc-hover:oklch(0.274 0.006 286.033);--bcm-ui-color-background-vivid-zinc-active:oklch(0.21 0.006 285.885);--bcm-ui-color-background-vivid-neutral-default:oklch(0.371 0 0);--bcm-ui-color-background-vivid-neutral-hover:oklch(0.269 0 0);--bcm-ui-color-background-vivid-neutral-active:oklch(0.205 0 0);--bcm-ui-color-background-vivid-stone-default:oklch(0.374 0.01 67.558);--bcm-ui-color-background-vivid-stone-hover:oklch(0.268 0.007 34.298);--bcm-ui-color-background-vivid-stone-active:oklch(0.216 0.006 56.043);--bcm-ui-color-background-vivid-red-default:oklch(0.505 0.213 27.518);--bcm-ui-color-background-vivid-red-hover:oklch(0.444 0.177 26.899);--bcm-ui-color-background-vivid-red-active:oklch(0.396 0.141 25.723);--bcm-ui-color-background-vivid-orange-default:oklch(0.553 0.195 38.402);--bcm-ui-color-background-vivid-orange-hover:oklch(0.47 0.157 37.304);--bcm-ui-color-background-vivid-orange-active:oklch(0.408 0.123 38.172);--bcm-ui-color-background-vivid-amber-default:oklch(0.555 0.163 48.998);--bcm-ui-color-background-vivid-amber-hover:oklch(0.473 0.137 46.201);--bcm-ui-color-background-vivid-amber-active:oklch(0.414 0.112 45.904);--bcm-ui-color-background-vivid-yellow-default:oklch(0.554 0.135 66.442);--bcm-ui-color-background-vivid-yellow-hover:oklch(0.476 0.114 61.907);--bcm-ui-color-background-vivid-yellow-active:oklch(0.421 0.095 57.708);--bcm-ui-color-background-vivid-lime-default:oklch(0.532 0.157 131.589);--bcm-ui-color-background-vivid-lime-hover:oklch(0.453 0.124 130.933);--bcm-ui-color-background-vivid-lime-active:oklch(0.405 0.101 131.063);--bcm-ui-color-background-vivid-green-default:oklch(0.527 0.154 150.069);--bcm-ui-color-background-vivid-green-hover:oklch(0.448 0.119 151.328);--bcm-ui-color-background-vivid-green-active:oklch(0.393 0.095 152.535);--bcm-ui-color-background-vivid-emerald-default:oklch(0.508 0.118 165.612);--bcm-ui-color-background-vivid-emerald-hover:oklch(0.432 0.095 166.913);--bcm-ui-color-background-vivid-emerald-active:oklch(0.378 0.077 168.94);--bcm-ui-color-background-vivid-teal-default:oklch(0.511 0.096 186.391);--bcm-ui-color-background-vivid-teal-hover:oklch(0.437 0.078 188.216);--bcm-ui-color-background-vivid-teal-active:oklch(0.386 0.063 188.416);--bcm-ui-color-background-vivid-cyan-default:oklch(0.52 0.105 223.128);--bcm-ui-color-background-vivid-cyan-hover:oklch(0.45 0.085 224.283);--bcm-ui-color-background-vivid-cyan-active:oklch(0.398 0.07 227.392);--bcm-ui-color-background-vivid-sky-default:oklch(0.5 0.134 242.749);--bcm-ui-color-background-vivid-sky-hover:oklch(0.443 0.11 240.79);--bcm-ui-color-background-vivid-sky-active:oklch(0.391 0.09 240.876);--bcm-ui-color-background-vivid-blue-default:oklch(0.488 0.243 264.376);--bcm-ui-color-background-vivid-blue-hover:oklch(0.424 0.199 265.638);--bcm-ui-color-background-vivid-blue-active:oklch(0.379 0.146 265.522);--bcm-ui-color-background-vivid-indigo-default:oklch(0.457 0.24 277.023);--bcm-ui-color-background-vivid-indigo-hover:oklch(0.398 0.195 277.366);--bcm-ui-color-background-vivid-indigo-active:oklch(0.359 0.144 278.697);--bcm-ui-color-background-vivid-violet-default:oklch(0.491 0.27 292.581);--bcm-ui-color-background-vivid-violet-hover:oklch(0.432 0.232 292.759);--bcm-ui-color-background-vivid-violet-active:oklch(0.38 0.189 293.745);--bcm-ui-color-background-vivid-purple-default:oklch(0.496 0.265 301.924);--bcm-ui-color-background-vivid-purple-hover:oklch(0.438 0.218 303.724);--bcm-ui-color-background-vivid-purple-active:oklch(0.381 0.176 304.987);--bcm-ui-color-background-vivid-fuchsia-default:oklch(0.518 0.253 323.949);--bcm-ui-color-background-vivid-fuchsia-hover:oklch(0.452 0.211 324.591);--bcm-ui-color-background-vivid-fuchsia-active:oklch(0.401 0.17 325.612);--bcm-ui-color-background-vivid-pink-default:oklch(0.525 0.223 3.958);--bcm-ui-color-background-vivid-pink-hover:oklch(0.459 0.187 3.815);--bcm-ui-color-background-vivid-pink-active:oklch(0.408 0.153 2.432);--bcm-ui-color-background-vivid-rose-default:oklch(0.514 0.222 16.935);--bcm-ui-color-background-vivid-rose-hover:oklch(0.455 0.188 13.697);--bcm-ui-color-background-vivid-rose-active:oklch(0.41 0.159 10.272);--bcm-ui-color-background-soft-primary-default:var(--bcm-color-primary-50);--bcm-ui-color-background-soft-info-default:var(--bcm-color-info-50);--bcm-ui-color-background-soft-success-default:var(--bcm-color-success-50);--bcm-ui-color-background-soft-warning-default:var(--bcm-color-warning-50);--bcm-ui-color-background-soft-error-default:var(--bcm-color-error-50);--bcm-ui-color-background-soft-slate-default:oklch(0.984 0.003 247.858);--bcm-ui-color-background-soft-gray-default:oklch(0.985 0.002 247.839);--bcm-ui-color-background-soft-zinc-default:oklch(0.985 0 0);--bcm-ui-color-background-soft-neutral-default:oklch(0.985 0 0);--bcm-ui-color-background-soft-stone-default:oklch(0.985 0.001 106.423);--bcm-ui-color-background-soft-red-default:oklch(0.971 0.013 17.38);--bcm-ui-color-background-soft-orange-default:oklch(0.98 0.016 73.684);--bcm-ui-color-background-soft-amber-default:oklch(0.987 0.022 95.277);--bcm-ui-color-background-soft-yellow-default:oklch(0.987 0.026 102.212);--bcm-ui-color-background-soft-lime-default:oklch(0.986 0.031 120.757);--bcm-ui-color-background-soft-green-default:oklch(0.982 0.018 155.826);--bcm-ui-color-background-soft-emerald-default:oklch(0.979 0.021 166.113);--bcm-ui-color-background-soft-teal-default:oklch(0.984 0.014 180.72);--bcm-ui-color-background-soft-cyan-default:oklch(0.984 0.019 200.873);--bcm-ui-color-background-soft-sky-default:oklch(0.977 0.013 236.62);--bcm-ui-color-background-soft-blue-default:oklch(0.97 0.014 254.604);--bcm-ui-color-background-soft-indigo-default:oklch(0.962 0.018 272.314);--bcm-ui-color-background-soft-violet-default:oklch(0.969 0.016 293.756);--bcm-ui-color-background-soft-purple-default:oklch(0.977 0.014 308.299);--bcm-ui-color-background-soft-fuchsia-default:oklch(0.977 0.017 320.058);--bcm-ui-color-background-soft-pink-default:oklch(0.971 0.014 343.198);--bcm-ui-color-background-soft-rose-default:oklch(0.969 0.015 12.422);--bcm-ui-color-background-palette-primary-default:var(--bcm-color-primary-100);--bcm-ui-color-background-palette-primary-hover:var(--bcm-color-primary-200);--bcm-ui-color-background-palette-primary-active:var(--bcm-color-primary-300);--bcm-ui-color-background-palette-info-default:var(--bcm-color-info-100);--bcm-ui-color-background-palette-info-hover:var(--bcm-color-info-200);--bcm-ui-color-background-palette-info-active:var(--bcm-color-info-300);--bcm-ui-color-background-palette-success-default:var(--bcm-color-success-100);--bcm-ui-color-background-palette-success-hover:var(--bcm-color-success-200);--bcm-ui-color-background-palette-success-active:var(--bcm-color-success-300);--bcm-ui-color-background-palette-warning-default:var(--bcm-color-warning-100);--bcm-ui-color-background-palette-warning-hover:var(--bcm-color-warning-200);--bcm-ui-color-background-palette-warning-active:var(--bcm-color-warning-300);--bcm-ui-color-background-palette-error-default:var(--bcm-color-error-100);--bcm-ui-color-background-palette-error-hover:var(--bcm-color-error-200);--bcm-ui-color-background-palette-error-active:var(--bcm-color-error-300);--bcm-ui-color-background-palette-slate-default:oklch(0.968 0.007 247.896);--bcm-ui-color-background-palette-slate-hover:oklch(0.929 0.013 255.508);--bcm-ui-color-background-palette-slate-active:oklch(0.869 0.022 252.894);--bcm-ui-color-background-palette-gray-default:oklch(0.967 0.003 264.542);--bcm-ui-color-background-palette-gray-hover:oklch(0.928 0.006 264.531);--bcm-ui-color-background-palette-gray-active:oklch(0.872 0.01 258.338);--bcm-ui-color-background-palette-zinc-default:oklch(0.967 0.001 286.375);--bcm-ui-color-background-palette-zinc-hover:oklch(0.92 0.004 286.32);--bcm-ui-color-background-palette-zinc-active:oklch(0.871 0.006 286.286);--bcm-ui-color-background-palette-neutral-default:oklch(0.97 0 0);--bcm-ui-color-background-palette-neutral-hover:oklch(0.922 0 0);--bcm-ui-color-background-palette-neutral-active:oklch(0.87 0 0);--bcm-ui-color-background-palette-stone-default:oklch(0.97 0.001 106.424);--bcm-ui-color-background-palette-stone-hover:oklch(0.923 0.003 48.717);--bcm-ui-color-background-palette-stone-active:oklch(0.869 0.005 56.366);--bcm-ui-color-background-palette-red-default:oklch(0.936 0.032 17.717);--bcm-ui-color-background-palette-red-hover:oklch(0.885 0.062 18.334);--bcm-ui-color-background-palette-red-active:oklch(0.808 0.114 19.571);--bcm-ui-color-background-palette-orange-default:oklch(0.954 0.038 75.164);--bcm-ui-color-background-palette-orange-hover:oklch(0.901 0.076 70.697);--bcm-ui-color-background-palette-orange-active:oklch(0.837 0.128 66.29);--bcm-ui-color-background-palette-amber-default:oklch(0.962 0.059 95.617);--bcm-ui-color-background-palette-amber-hover:oklch(0.924 0.12 95.746);--bcm-ui-color-background-palette-amber-active:oklch(0.879 0.169 91.605);--bcm-ui-color-background-palette-yellow-default:oklch(0.973 0.071 103.193);--bcm-ui-color-background-palette-yellow-hover:oklch(0.945 0.129 101.54);--bcm-ui-color-background-palette-yellow-active:oklch(0.905 0.182 98.111);--bcm-ui-color-background-palette-lime-default:oklch(0.967 0.067 122.328);--bcm-ui-color-background-palette-lime-hover:oklch(0.938 0.127 124.321);--bcm-ui-color-background-palette-lime-active:oklch(0.897 0.196 126.665);--bcm-ui-color-background-palette-green-default:oklch(0.962 0.044 156.743);--bcm-ui-color-background-palette-green-hover:oklch(0.925 0.084 155.995);--bcm-ui-color-background-palette-green-active:oklch(0.871 0.15 154.449);--bcm-ui-color-background-palette-emerald-default:oklch(0.95 0.052 163.051);--bcm-ui-color-background-palette-emerald-hover:oklch(0.905 0.093 164.15);--bcm-ui-color-background-palette-emerald-active:oklch(0.845 0.143 164.978);--bcm-ui-color-background-palette-teal-default:oklch(0.953 0.051 180.801);--bcm-ui-color-background-palette-teal-hover:oklch(0.91 0.096 180.426);--bcm-ui-color-background-palette-teal-active:oklch(0.855 0.138 181.071);--bcm-ui-color-background-palette-cyan-default:oklch(0.956 0.045 203.388);--bcm-ui-color-background-palette-cyan-hover:oklch(0.917 0.08 205.041);--bcm-ui-color-background-palette-cyan-active:oklch(0.865 0.127 207.078);--bcm-ui-color-background-palette-sky-default:oklch(0.951 0.026 236.824);--bcm-ui-color-background-palette-sky-hover:oklch(0.901 0.058 230.902);--bcm-ui-color-background-palette-sky-active:oklch(0.828 0.111 230.318);--bcm-ui-color-background-palette-blue-default:oklch(0.932 0.032 255.585);--bcm-ui-color-background-palette-blue-hover:oklch(0.882 0.059 254.128);--bcm-ui-color-background-palette-blue-active:oklch(0.809 0.105 251.813);--bcm-ui-color-background-palette-indigo-default:oklch(0.93 0.034 272.788);--bcm-ui-color-background-palette-indigo-hover:oklch(0.87 0.065 274.039);--bcm-ui-color-background-palette-indigo-active:oklch(0.785 0.115 274.713);--bcm-ui-color-background-palette-violet-default:oklch(0.943 0.029 294.588);--bcm-ui-color-background-palette-violet-hover:oklch(0.894 0.057 293.283);--bcm-ui-color-background-palette-violet-active:oklch(0.811 0.111 293.571);--bcm-ui-color-background-palette-purple-default:oklch(0.946 0.033 307.174);--bcm-ui-color-background-palette-purple-hover:oklch(0.902 0.063 306.703);--bcm-ui-color-background-palette-purple-active:oklch(0.827 0.119 306.383);--bcm-ui-color-background-palette-fuchsia-default:oklch(0.952 0.037 318.852);--bcm-ui-color-background-palette-fuchsia-hover:oklch(0.903 0.076 319.62);--bcm-ui-color-background-palette-fuchsia-active:oklch(0.833 0.145 321.434);--bcm-ui-color-background-palette-pink-default:oklch(0.948 0.028 342.258);--bcm-ui-color-background-palette-pink-hover:oklch(0.899 0.061 343.231);--bcm-ui-color-background-palette-pink-active:oklch(0.823 0.12 346.018);--bcm-ui-color-background-palette-rose-default:oklch(0.941 0.03 12.58);--bcm-ui-color-background-palette-rose-hover:oklch(0.892 0.058 10.001);--bcm-ui-color-background-palette-rose-active:oklch(0.81 0.117 11.638);--bcm-ui-box-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--bcm-ui-box-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--bcm-ui-box-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--bcm-ui-box-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--bcm-ui-box-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--bcm-ui-box-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--bcm-ui-box-shadow-none:none;--bcm-ui-box-shadow-default:0 4px 12px 0 rgba(17,24,39,.1),0 1px 2px -1px rgba(0,0,0,.1);--bcm-ui-box-shadow-2:0px 1px 3px 0px rgba(0,0,0,.1),0px 1px 2px -1px rgba(0,0,0,.1);--bcm-ui-box-shadow-3:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1);--bcm-ui-box-shadow-4:0px 10px 15px -3px rgba(0,0,0,.1),0px 4px 6px -4px rgba(0,0,0,.1);--bcm-ui-font-size-1:0.5rem;--bcm-ui-font-size-2:0.625rem;--bcm-ui-font-size-3:0.75rem;--bcm-ui-font-size-4:0.875rem;--bcm-ui-font-size-5:1rem;--bcm-ui-font-size-6:1.125rem;--bcm-ui-font-size-7:1.25rem;--bcm-ui-font-size-8:1.5rem;--bcm-ui-font-size-9:2rem;--bcm-ui-font-size-10:2.25rem;--bcm-ui-font-size-11:3rem;--bcm-ui-font-size-12:3.75rem;--bcm-ui-font-size-13:4.5rem;--bcm-ui-font-size-14:6rem;--bcm-ui-font-size-inherit:inherit;--bcm-ui-line-height-1:0.625rem;--bcm-ui-line-height-2:0.75rem;--bcm-ui-line-height-3:1rem;--bcm-ui-line-height-4:1.25rem;--bcm-ui-line-height-5:1.5rem;--bcm-ui-line-height-6:1.5rem;--bcm-ui-line-height-7:1.75rem;--bcm-ui-line-height-8:2rem;--bcm-ui-line-height-9:2.25rem;--bcm-ui-line-height-10:2.75rem;--bcm-ui-line-height-11:4rem;--bcm-ui-line-height-12:4.5rem;--bcm-ui-line-height-13:5.625rem;--bcm-ui-line-height-14:6rem;--bcm-ui-line-height-inherit:inherit;--bcm-ui-border-radius-none:0;--bcm-ui-border-radius-xs:2px;--bcm-ui-border-radius-sm:4px;--bcm-ui-border-radius-md:6px;--bcm-ui-border-radius-lg:8px;--bcm-ui-border-radius-xl:12px;--bcm-ui-border-radius-2xl:16px;--bcm-ui-border-radius-3xl:24px;--bcm-ui-border-radius-4xl:32px;--bcm-ui-border-radius-full:9999px;--bcm-ui-border-radius-default:var(--bcm-ui-border-radius-md);--bcm-color-primary-50:oklch(0.97 0.014 254.604);--bcm-color-primary-100:oklch(0.932 0.032 255.585);--bcm-color-primary-200:oklch(0.882 0.059 254.128);--bcm-color-primary-300:oklch(0.809 0.105 251.813);--bcm-color-primary-400:oklch(0.707 0.165 254.624);--bcm-color-primary-500:oklch(0.623 0.214 259.815);--bcm-color-primary-600:oklch(0.546 0.245 262.881);--bcm-color-primary-700:oklch(0.488 0.243 264.376);--bcm-color-primary-800:oklch(0.424 0.199 265.638);--bcm-color-primary-900:oklch(0.379 0.146 265.522);--bcm-color-primary-950:oklch(0.282 0.091 267.935);--bcm-color-secondary-50:oklch(0.985 0.002 247.839);--bcm-color-secondary-100:oklch(0.967 0.003 264.542);--bcm-color-secondary-200:oklch(0.928 0.006 264.531);--bcm-color-secondary-300:oklch(0.872 0.01 258.338);--bcm-color-secondary-400:oklch(0.707 0.022 261.325);--bcm-color-secondary-500:oklch(0.551 0.027 264.364);--bcm-color-secondary-600:oklch(0.446 0.03 256.802);--bcm-color-secondary-700:oklch(0.373 0.034 259.733);--bcm-color-secondary-800:oklch(0.278 0.033 256.848);--bcm-color-secondary-900:oklch(0.21 0.034 264.665);--bcm-color-secondary-950:oklch(0.13 0.028 261.692);--bcm-color-info-50:oklch(0.97 0.014 254.604);--bcm-color-info-100:oklch(0.932 0.032 255.585);--bcm-color-info-200:oklch(0.882 0.059 254.128);--bcm-color-info-300:oklch(0.809 0.105 251.813);--bcm-color-info-400:oklch(0.707 0.165 254.624);--bcm-color-info-500:oklch(0.623 0.214 259.815);--bcm-color-info-600:oklch(0.546 0.245 262.881);--bcm-color-info-700:oklch(0.488 0.243 264.376);--bcm-color-info-800:oklch(0.424 0.199 265.638);--bcm-color-info-900:oklch(0.379 0.146 265.522);--bcm-color-info-950:oklch(0.282 0.091 267.935);--bcm-color-success-50:oklch(0.979 0.021 166.113);--bcm-color-success-100:oklch(0.95 0.052 163.051);--bcm-color-success-200:oklch(0.905 0.093 164.15);--bcm-color-success-300:oklch(0.845 0.143 164.978);--bcm-color-success-400:oklch(0.765 0.177 163.223);--bcm-color-success-500:oklch(0.696 0.17 162.48);--bcm-color-success-600:oklch(0.596 0.145 163.225);--bcm-color-success-700:oklch(0.508 0.118 165.612);--bcm-color-success-800:oklch(0.432 0.095 166.913);--bcm-color-success-900:oklch(0.378 0.077 168.94);--bcm-color-success-950:oklch(0.262 0.051 172.552);--bcm-color-warning-50:oklch(0.987 0.022 95.277);--bcm-color-warning-100:oklch(0.962 0.059 95.617);--bcm-color-warning-200:oklch(0.924 0.12 95.746);--bcm-color-warning-300:oklch(0.879 0.169 91.605);--bcm-color-warning-400:oklch(0.828 0.189 84.429);--bcm-color-warning-500:oklch(0.769 0.188 70.08);--bcm-color-warning-600:oklch(0.666 0.179 58.318);--bcm-color-warning-700:oklch(0.555 0.163 48.998);--bcm-color-warning-800:oklch(0.473 0.137 46.201);--bcm-color-warning-900:oklch(0.414 0.112 45.904);--bcm-color-warning-950:oklch(0.279 0.077 45.635);--bcm-color-error-50:oklch(0.971 0.013 17.38);--bcm-color-error-100:oklch(0.936 0.032 17.717);--bcm-color-error-200:oklch(0.885 0.062 18.334);--bcm-color-error-300:oklch(0.808 0.114 19.571);--bcm-color-error-400:oklch(0.704 0.191 22.216);--bcm-color-error-500:oklch(0.637 0.237 25.331);--bcm-color-error-600:oklch(0.577 0.245 27.325);--bcm-color-error-700:oklch(0.505 0.213 27.518);--bcm-color-error-800:oklch(0.444 0.177 26.899);--bcm-color-error-900:oklch(0.396 0.141 25.723);--bcm-color-error-950:oklch(0.258 0.092 26.042)}
|
|
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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as a,b as i}from"./p-
|
|
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))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,a as i,h as s}from"./p-P3nVYb_t.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,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}
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as r,a as i,h as o}from"./p-
|
|
1
|
+
import{r as e,c as r,a as i,h as o}from"./p-CMMdTZSd.js";import{t}from"./p-CEcVC0yX.js";import{g as a}from"./p-nf_HKsGq.js";import{g as s}from"./p-IBjzkjef.js";const d=class{constructor(i){e(this,i),this.bcmRadioChange=r(this,"bcmRadioChange",1),this.bcmBlur=r(this,"bcmBlur",1),this.bcmFocus=r(this,"bcmFocus",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;_id=s("bcm-radio");label;name;value;checked=!1;size="medium";disabled=!1;readonly=!1;labelPosition="right";error=!1;required=!1;internalChecked=!1;bcmRadioChange;bcmBlur;bcmFocus;inputEl;componentWillLoad(){this.host.setAttribute("tabindex","-1"),this.internalChecked=!!this.checked,this.updateFormValueAndValidity()}componentDidLoad(){this.syncNativeChecked()}handleClick(){this.readonly||this.disabled||this.internalChecked||(this.internalChecked=!0,this.checked=!0,this.uncheckSiblings(),this.updateFormValueAndValidity(),this.bcmRadioChange.emit())}updateFormValueAndValidity(){this.internals&&(this.internals.setFormValue(this.internalChecked?this.value??"on":null),this.isGroupRequired()&&!this.disabled&&this.isGroupLeader()?this.isGroupChecked()?this.internals.setValidity({}):this.internals.setValidity({valueMissing:!0},a?a("required"):"This field is required."):this.internals.setValidity({}))}isGroupRequired(){const e=this.host.getRootNode()||document;return Array.from(e.querySelectorAll(`bcm-radio[name="${this.name}"]`)).some((e=>e.required))}isGroupChecked(){const e=(this.host.getRootNode()||document).querySelectorAll(`bcm-radio[name="${this.name}"]`);return Array.from(e).some((e=>e.checked))}isGroupLeader(){const e=this.host.getRootNode()||document;return Array.from(e.querySelectorAll(`bcm-radio[name="${this.name}"]`))[0]===this.host}formResetCallback(){this.checked=!1,this.internalChecked=!1,this.syncNativeChecked(),this.updateFormValueAndValidity()}onCheckedChange(e){this.internalChecked=!!e,this.syncNativeChecked(),this.updateFormValueAndValidity()}onInternalCheckedChange(){this.syncNativeChecked(),this.updateFormValueAndValidity()}syncNativeChecked(){this.inputEl&&(this.inputEl.checked=this.internalChecked)}uncheckSiblings(){if(!this.name)return;const e=this.host.getRootNode()||document;(e.querySelectorAll?e.querySelectorAll(`bcm-radio[name="${this.name}"]`):[]).forEach((e=>{e!==this.host&&(e.checked=!1)}))}getRadioStyle(){return{"--bcm-radio-bg":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-primary)","--bcm-radio-checked":"var(--bcm-ui-color-background-primary-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)",...this.error&&{"--bcm-radio-bg":"var(--bcm-ui-color-background-palette-red-default)","--bcm-radio-border":"var(--bcm-ui-color-border-error)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-error)","--bcm-radio-checked":"var(--bcm-ui-color-background-error-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"},...this.disabled&&{"--bcm-radio-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-disabled-default)","--bcm-radio-text-color":"var(--bcm-ui-color-text-disabled)"},...this.readonly&&{"--bcm-radio-bg":"transparent","--bcm-radio-border":"var(--bcm-ui-color-border-disabled)","--bcm-radio-checked":"var(--bcm-ui-color-background-default-default)","--bcm-radio-border-hover":"var(--bcm-ui-color-border-disabled)","--bcm-radio-text-color":"var(--bcm-ui-color-text-default)"}}}getRadioClass=t({slots:{container:"bcm-ui-element bcm-radio group",dot:"absolute rounded-full transition bg-[--bcm-radio-checked]",dotContainer:"relative rounded-full flex items-center justify-center shadow-[inset_0_0_0_1px_var(--bcm-radio-border)] bg-[--bcm-radio-bg] transition group-hover:shadow-[inset_0_0_0_1px_var(--bcm-radio-border-hover)]",labelClass:"font-medium text-[--bcm-radio-text-color]"},variants:{size:{small:{container:"gap-2",dotContainer:"size-3.5",dot:"size-2",labelClass:"text-size-4"},medium:{container:"gap-2.5",dotContainer:"size-4",dot:"size-2.5",labelClass:"text-size-5"},large:{container:"gap-3",dotContainer:"size-[18px]",dot:"size-3",labelClass:"text-size-6"}},checked:{true:{dot:"opacity-100"},false:{dot:"opacity-0"}},disabled:{true:{container:"cursor-not-allowed"},false:{container:"cursor-pointer focus-visible:ring"}},readonly:{true:{container:"cursor-default pointer-events-none",dot:"opacity-100",dotContainer:"shadow-[inset_0_0_0_3px_var(--bcm-radio-border)]"},false:""},labelPosition:{left:{container:"inline-flex flex-row-reverse items-center"},right:{container:"inline-flex flex-row items-center"}}}},{twMerge:!1});render(){const{container:e,dot:r,dotContainer:i,labelClass:t}=this.getRadioClass({size:this.size,checked:this.internalChecked,disabled:this.disabled,readonly:this.readonly,labelPosition:this.labelPosition}),a=this._id+"-input";return o("label",{key:"f1917336835c3a8b1a126658acedd2134c3276cc",class:e(),style:this.getRadioStyle(),htmlFor:a},o("input",{key:"c9e4d250c25d54ba5844afaf4460a732f7af191f",id:a,"aria-label":this.label,role:"radio","aria-checked":this.internalChecked.toString(),"aria-invalid":this.error,"aria-required":this.required,type:"radio",name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,checked:this.internalChecked,class:"appearance-none sr-only",onClick:()=>this.handleClick(),onFocus:e=>this.bcmFocus.emit(e),onBlur:e=>this.bcmBlur.emit(e),ref:e=>this.inputEl=e}),o("div",{key:"cad4502f9ca143059c487d05680bede971f86cb0",class:i()},o("div",{key:"8778768e17f7e26f048d7e195ab2fa24471779b7",class:r()})),o("span",{key:"0e7b0023c9a5e38c75b812c5eb4d77c608b6a90d",class:t()},o("slot",{key:"4c08ad35fc5ab85b7711fed307ea99e4b4863f0f"},this.label)))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],internalChecked:[{onInternalCheckedChange:0}]}}};d.style=".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.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}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-2\\.5{height:.625rem;width:.625rem}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-\\[18px\\]{height:18px;width:18px}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.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-\\[--bcm-radio-bg\\]{background-color:var(--bcm-radio-bg)}.bg-\\[--bcm-radio-checked\\]{background-color:var(--bcm-radio-checked)}.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-radio-text-color\\]{color:var(--bcm-radio-text-color)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\\[inset_0_0_0_3px_var\\(--bcm-radio-border\\)\\]{--tw-shadow:inset 0 0 0 3px var(--bcm-radio-border);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}.focus-visible\\:ring:focus-visible{--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)}.group:hover .group-hover\\:shadow-\\[inset_0_0_0_1px_var\\(--bcm-radio-border-hover\\)\\]{--tw-shadow:inset 0 0 0 1px var(--bcm-radio-border-hover);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";export{d as bcm_radio}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as r,a,h as e}from"./p-
|
|
1
|
+
import{r as o,c as r,a,h as e}from"./p-CMMdTZSd.js";const d=class{constructor(a){o(this,a),this.bcmAccordionGroupChange=r(this,"bcmAccordionGroupChange",1)}get host(){return a(this)}multi=!1;accordionItems=[];bcmAccordionGroupChange;async expandAll(){this.multi?await Promise.all(this.accordionItems.map((o=>o.expand()))):console.warn("expandAll is only available when multi=true")}async collapseAll(){await Promise.all(this.accordionItems.map((o=>o.collapse())))}async getExpandedItems(){return this.accordionItems.filter((o=>o.expanded))}componentWillLoad(){this.handleSlotChange()}setGroupBehavior(){this.accordionItems.forEach((o=>{o.group=!0}))}handleSlotChange=()=>{this.accordionItems=Array.from(this.host.querySelectorAll("bcm-accordion")),this.setGroupBehavior(),0===this.accordionItems.length&&console.warn("No accordion items found in accordion group")};handleAccordionChange(o){this.handleSlotChange();const{expanded:r,source:a}=o?.detail;this.multi||this.accordionItems.forEach((o=>{o!==a&&o.collapse(),o.expanded=o===a&&r}));const e=this.accordionItems.filter((o=>o.expanded));this.bcmAccordionGroupChange.emit({expanded:r,changed:a,expandedItems:e,expandedCount:e.length})}render(){return e("div",{key:"92b4e5e64d957174c3ada96320d99c1b3329ed37",class:"flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]",role:"group","aria-label":"Accordion group"},e("slot",{key:"62f3ae969e847683b82ba6ed30f27a7430bade1f",onSlotchange:this.handleSlotChange}))}};d.style=".block{display:block}:host{--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;display:block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.collapse{visibility:collapse}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-accordion-border\\]{border-color:var(--bcm-accordion-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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";export{d as bcm_accordion_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,a as i,h as o,H as s}from"./p-CMMdTZSd.js";import{t as e}from"./p-CEcVC0yX.js";const a=class{constructor(i){t(this,i)}get host(){return i(this)}kind;size;status;fullWidth;loading;disabled;orientation="horizontal";componentDidLoad(){this.applyPropertiesToButtons(),this.setButtonPositions()}componentDidUpdate(){this.applyPropertiesToButtons(),this.setButtonPositions()}applyPropertiesToButtons(){this.host.querySelectorAll("bcm-button").forEach((t=>{void 0!==this.kind&&(t.kind=this.kind),void 0!==this.size&&(t.size=this.size),void 0!==this.status&&(t.status=this.status),void 0!==this.fullWidth&&(t.fullWidth=this.fullWidth),void 0!==this.loading&&(t.loading=this.loading),void 0!==this.disabled&&(t.disabled=this.disabled),"vertical"===this.orientation?t.classList.add("orientation-vertical"):t.classList.remove("orientation-vertical")}))}setButtonPositions(){const t=this.host.querySelectorAll("bcm-button"),i=t.length;0!==i&&t.forEach(((t,o)=>{t.position=1===i?null:0===o?"first":o===i-1?"last":"middle"}))}buttonGroupClass=e({base:"bcm-button-group bcm-ui-element",variants:{orientation:{horizontal:"flex flex-row",vertical:"flex flex-col"},fullWidth:{true:"w-full"}},defaultVariants:{orientation:"horizontal"}},{twMerge:!1});render(){return o(s,{key:"ee2b2974005153ce8b30886f9b8eecc191f27280"},o("div",{key:"150e992abfd2866c2f1fb763c4fa9d7c41fe106e",class:this.buttonGroupClass({orientation:this.orientation,fullWidth:this.fullWidth})},o("slot",{key:"2d1be6bf77802968a4afe08733f0fcfe6847b10f"})))}};a.style=".block{display:block}.flex{display:flex}:host{display:block}.bcm-button-group{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.w-full{width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.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{a as bcm_button_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
1
|
+
import{r as e,h as t}from"./p-CMMdTZSd.js";import{t as i}from"./p-CEcVC0yX.js";const a=class{constructor(t){e(this,t)}size="medium";variant="text";color;soft=!1;text;classes=i({base:"badge bcm-ui-element inline-flex items-center justify-center whitespace-nowrap select-none font-medium bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius]",variants:{size:{small:"px-1 text-size-3",medium:"py-0.5 px-1.5 text-size-4",large:"py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",blink:!1}});get badgeStyle(){return this.color?{"--bcm-badge-bg":`var(--bcm-ui-color-background-${this.soft?"palette":"vivid"}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}:{}}render(){return t("span",{key:"3037c166d1fbb49f526f7a28617ea734851aaa9c",part:"base",role:"status","aria-live":"polite",style:this.badgeStyle,class:this.classes({size:this.size,variant:this.variant})},"text"===this.variant&&t("span",{key:"30b5d324b438ef4565ebb3e44df3b99cf2dbd394",class:"badge-content"},t("slot",{key:"8a38782fd167c60f00e365e4e8e3089cf28ea0a0"})))}};a.style=":host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.badge-content{color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.whitespace-nowrap{white-space:nowrap}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.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}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.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{a as bcm_basic_badge}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,a as r,h as o}from"./p-P3nVYb_t.js";import{t as a}from"./p-CEcVC0yX.js";const i=class{constructor(r){e(this,r),this.bcmOpen=t(this,"bcmOpen",7),this.bcmClose=t(this,"bcmClose",7),this.bcmBeforeOpen=t(this,"bcmBeforeOpen",7),this.bcmBeforeClose=t(this,"bcmBeforeClose",7)}get host(){return r(this)}dialogRef;open=!1;size="medium";position="right";fullWidth=!1;fullScreen=!1;backdrop=!0;headerText;helperText;noHeader=!1;noFooter=!1;closeOnBackdrop=!0;closeOnEscape=!0;shake=!1;bcmOpen;bcmClose;bcmBeforeOpen;bcmBeforeClose;drawerClass=a({slots:{dialog:"bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50",container:"fixed inset-0 flex overflow-hidden",drawer:"relative bg-color-base text-color-default shadow-2xl flex flex-col",header:"flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 py-3 px-4",headerContent:"flex-1 min-w-0 flex items-center gap-2",title:"font-semibold m-0 text-size-6 text-color-header",helperText:"text-size-5 text-color-placeholder m-0",closeButton:"text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring",content:"flex-grow overflow-y-auto p-4",footer:"flex items-center justify-end gap-2 py-3 px-4"},variants:{position:{left:{container:"justify-start",drawer:"h-full",header:"border-b"},right:{container:"justify-end",drawer:"h-full",header:"border-b"},top:{container:"items-start",drawer:"w-full",header:"border-b"},bottom:{container:"items-end",drawer:"w-full",header:"border-t"}},fullScreen:{true:{drawer:"w-screen h-screen max-w-none max-h-none",container:"p-0"}},shake:{true:{drawer:"animate-shake"}},noHeader:{true:{header:"hidden"}},noFooter:{true:{footer:"hidden"}}}});handleOpenChange(e){if(e){if(this.bcmBeforeOpen.emit().defaultPrevented)return void(this.open=!1);this.dialogRef&&(this.dialogRef.open||this.dialogRef.showModal()),this.bcmOpen.emit()}else{if(this.bcmBeforeClose.emit().defaultPrevented)return void(this.open=!0);this.dialogRef&&this.dialogRef.open&&this.dialogRef.close(),this.bcmClose.emit()}}handleClick(e){e.composedPath().find((e=>e.hasAttribute?.("data-dismiss")))&&(this.hide(),e.preventDefault(),e.stopPropagation())}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open=!this.open}shakeDrawer(){this.shake=!0,setTimeout((()=>{this.shake=!1}),300)}handleBackdropClick=e=>{"container"===e.target.getAttribute("part")&&("static"===this.backdrop?this.shakeDrawer():this.closeOnBackdrop&&this.hide())};handleDialogCancel=e=>{e.preventDefault(),"static"===this.backdrop?(this.shakeDrawer(),requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.open&&this.dialogRef.showModal()}))):this.closeOnEscape&&this.hide()};handleDrawerClick=e=>{e.stopPropagation()};componentDidLoad(){this.open&&this.dialogRef&&this.dialogRef.showModal()}disconnectedCallback(){this.dialogRef&&this.open&&this.dialogRef.close()}getDrawerStyle(){const e={};if(this.fullScreen)return e.width="100vw",e.height="100vh",e.maxWidth="none",e.maxHeight="none",e;if(this.fullWidth)return"left"===this.position||"right"===this.position?e.width="100vw":e.height="100vh",e;const t=this.size&&(this.size.includes("px")||this.size.includes("%")||this.size.includes("rem")||this.size.includes("em")||this.size.includes("vw")||this.size.includes("vh"));if("left"===this.position||"right"===this.position)if(t)e.width=this.size;else switch(this.size){case"small":e.width="320px";break;case"medium":e.width="480px";break;case"large":e.width="1064px"}else if(t)e.height=this.size;else switch(this.size){case"small":e.height="40vh";break;case"medium":e.height="60vh";break;case"large":e.height="90vh"}return e}render(){const{dialog:e,container:t,drawer:r,header:a,headerContent:i,title:s,helperText:n,closeButton:d,content:l,footer:c}=this.drawerClass({position:this.position,fullScreen:this.fullScreen,shake:this.shake,noHeader:this.noHeader,noFooter:this.noFooter});return o("dialog",{key:"5f2b6c7e56052ee99a45635d134d8bc77515f553",ref:e=>this.dialogRef=e,part:"dialog",class:e(),onClick:this.handleBackdropClick,onCancel:this.handleDialogCancel,"aria-labelledby":"drawer-title","aria-describedby":this.helperText?"drawer-helper":void 0,"aria-modal":"true"},o("div",{key:"97ea7bd5cf244747338f45c32be63b40e2d0ab69",part:"container",class:t()},o("div",{key:"ce370b2f27ccdb11a47da0e0c8d0f0c3953fe989",part:"drawer",class:r(),style:this.getDrawerStyle(),role:"document",onClick:this.handleDrawerClick},!this.noHeader&&o("div",{key:"97ec92d4769d7aaa031d36953865c315ca2e18bd",part:"header",class:a()},o("div",{key:"d728fda97515fc135de32402d1c8f81614f7cb26",part:"header-content",class:i()},o("h2",{key:"c12ad7d905bcbd1cc0bef89c7792d4f8506d7ccd",id:"drawer-title",part:"title",class:s()},o("slot",{key:"b42daf931e45abd500aac56321ba464fccf254be",name:"header"},this.headerText)),this.helperText&&o("p",{key:"26772b327ee266f7ab7ba7fbf5a804a14b552611",id:"drawer-helper",part:"helper-text",class:n()},o("slot",{key:"e3b1df6a5484e1b0bcc24af9aef72014e5409329",name:"helper"},this.helperText))),o("button",{key:"32a746cc753b8eaa08a0498df9f1926da48f70bb",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close drawer",type:"button"},o("bcm-icon",{key:"423f2493ede384efad396b7935a8a8d75f3470dc",name:"fa-solid fa-xmark"}))),o("div",{key:"c88c138fb88672b549e1bf2fdc9fffa046e3fda5",part:"content",class:l()},o("slot",{key:"cb580a34b3fb0f7e9d0504f56a581c15286715e7"})),!this.noFooter&&o("div",{key:"6dfeddb856478d8133024c62dc704ab5732b9b31",part:"footer",class:c()},o("slot",{key:"159952b9e1ad03319197da2f03c4d67b8951742c",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};i.style=".contents{display:contents}.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))}.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:contents}[part=dialog]::backdrop{animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:.5}}[part=drawer]{transition:transform .2s ease-out}:host([position=left]) [part=drawer]{transform:translateX(-20px)}:host([position=left][open]) [part=drawer]{transform:translateX(0)}:host([position=right]) [part=drawer]{transform:translateX(20px)}:host([position=right][open]) [part=drawer]{transform:translateX(0)}:host([position=top]) [part=drawer]{transform:translateY(-20px)}:host([position=top][open]) [part=drawer]{transform:translateY(0)}:host([position=bottom]) [part=drawer]{transform:translateY(20px)}:host([position=bottom][open]) [part=drawer]{transform:translateY(0)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.w-6{width:1.5rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.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-semibold{font-weight:600}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--bcm-ui-box-shadow-2xl);--tw-shadow-colored:var(--bcm-ui-box-shadow-2xl)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.backdrop\\:bg-color-default-dark::backdrop{background-color:var(--bcm-ui-color-background-default-dark-default)}.backdrop\\:opacity-50::backdrop{opacity:.5}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.focus-visible\\:ring:focus-visible{--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)}";export{i as bcm_drawer}
|
|
1
|
+
import{r as e,c as t,a as r,h as o}from"./p-CMMdTZSd.js";import{t as a}from"./p-CEcVC0yX.js";const i=class{constructor(r){e(this,r),this.bcmOpen=t(this,"bcmOpen",7),this.bcmClose=t(this,"bcmClose",7),this.bcmBeforeOpen=t(this,"bcmBeforeOpen",7),this.bcmBeforeClose=t(this,"bcmBeforeClose",7)}get host(){return r(this)}dialogRef;open=!1;size="medium";position="right";fullWidth=!1;fullScreen=!1;backdrop=!0;headerText;helperText;noHeader=!1;noFooter=!1;closeOnBackdrop=!0;closeOnEscape=!0;shake=!1;bcmOpen;bcmClose;bcmBeforeOpen;bcmBeforeClose;drawerClass=a({slots:{dialog:"bcm-ui-element fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full border-none bg-transparent backdrop:bg-color-default-dark backdrop:opacity-50",container:"fixed inset-0 flex overflow-hidden",drawer:"relative bg-color-base text-color-default shadow-2xl flex flex-col",header:"flex justify-between items-start bg-color-base text-color-default border-color-default border-solid border-0 py-3 px-4",headerContent:"flex-1 min-w-0 flex items-center gap-2",title:"font-semibold m-0 text-size-6 text-color-header",helperText:"text-size-5 text-color-placeholder m-0",closeButton:"text-size-5 font-medium text-color-default bg-transparent border-none p-0 h-6 w-6 rounded hover:bg-color-default-hover cursor-pointer active:bg-color-active transition-colors flex-shrink-0 outline-none focus-visible:ring",content:"flex-grow overflow-y-auto p-4",footer:"flex items-center justify-end gap-2 py-3 px-4"},variants:{position:{left:{container:"justify-start",drawer:"h-full",header:"border-b"},right:{container:"justify-end",drawer:"h-full",header:"border-b"},top:{container:"items-start",drawer:"w-full",header:"border-b"},bottom:{container:"items-end",drawer:"w-full",header:"border-t"}},fullScreen:{true:{drawer:"w-screen h-screen max-w-none max-h-none",container:"p-0"}},shake:{true:{drawer:"animate-shake"}},noHeader:{true:{header:"hidden"}},noFooter:{true:{footer:"hidden"}}}});handleOpenChange(e){if(e){if(this.bcmBeforeOpen.emit().defaultPrevented)return void(this.open=!1);this.dialogRef&&(this.dialogRef.open||this.dialogRef.showModal()),this.bcmOpen.emit()}else{if(this.bcmBeforeClose.emit().defaultPrevented)return void(this.open=!0);this.dialogRef&&this.dialogRef.open&&this.dialogRef.close(),this.bcmClose.emit()}}handleClick(e){e.composedPath().find((e=>e.hasAttribute?.("data-dismiss")))&&(this.hide(),e.preventDefault(),e.stopPropagation())}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open=!this.open}shakeDrawer(){this.shake=!0,setTimeout((()=>{this.shake=!1}),300)}handleBackdropClick=e=>{"container"===e.target.getAttribute("part")&&("static"===this.backdrop?this.shakeDrawer():this.closeOnBackdrop&&this.hide())};handleDialogCancel=e=>{e.preventDefault(),"static"===this.backdrop?(this.shakeDrawer(),requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.open&&this.dialogRef.showModal()}))):this.closeOnEscape&&this.hide()};handleDrawerClick=e=>{e.stopPropagation()};componentDidLoad(){this.open&&this.dialogRef&&this.dialogRef.showModal()}disconnectedCallback(){this.dialogRef&&this.open&&this.dialogRef.close()}getDrawerStyle(){const e={};if(this.fullScreen)return e.width="100vw",e.height="100vh",e.maxWidth="none",e.maxHeight="none",e;if(this.fullWidth)return"left"===this.position||"right"===this.position?e.width="100vw":e.height="100vh",e;const t=this.size&&(this.size.includes("px")||this.size.includes("%")||this.size.includes("rem")||this.size.includes("em")||this.size.includes("vw")||this.size.includes("vh"));if("left"===this.position||"right"===this.position)if(t)e.width=this.size;else switch(this.size){case"small":e.width="320px";break;case"medium":e.width="480px";break;case"large":e.width="1064px"}else if(t)e.height=this.size;else switch(this.size){case"small":e.height="40vh";break;case"medium":e.height="60vh";break;case"large":e.height="90vh"}return e}render(){const{dialog:e,container:t,drawer:r,header:a,headerContent:i,title:s,helperText:n,closeButton:d,content:l,footer:c}=this.drawerClass({position:this.position,fullScreen:this.fullScreen,shake:this.shake,noHeader:this.noHeader,noFooter:this.noFooter});return o("dialog",{key:"5f2b6c7e56052ee99a45635d134d8bc77515f553",ref:e=>this.dialogRef=e,part:"dialog",class:e(),onClick:this.handleBackdropClick,onCancel:this.handleDialogCancel,"aria-labelledby":"drawer-title","aria-describedby":this.helperText?"drawer-helper":void 0,"aria-modal":"true"},o("div",{key:"97ea7bd5cf244747338f45c32be63b40e2d0ab69",part:"container",class:t()},o("div",{key:"ce370b2f27ccdb11a47da0e0c8d0f0c3953fe989",part:"drawer",class:r(),style:this.getDrawerStyle(),role:"document",onClick:this.handleDrawerClick},!this.noHeader&&o("div",{key:"97ec92d4769d7aaa031d36953865c315ca2e18bd",part:"header",class:a()},o("div",{key:"d728fda97515fc135de32402d1c8f81614f7cb26",part:"header-content",class:i()},o("h2",{key:"c12ad7d905bcbd1cc0bef89c7792d4f8506d7ccd",id:"drawer-title",part:"title",class:s()},o("slot",{key:"b42daf931e45abd500aac56321ba464fccf254be",name:"header"},this.headerText)),this.helperText&&o("p",{key:"26772b327ee266f7ab7ba7fbf5a804a14b552611",id:"drawer-helper",part:"helper-text",class:n()},o("slot",{key:"e3b1df6a5484e1b0bcc24af9aef72014e5409329",name:"helper"},this.helperText))),o("button",{key:"32a746cc753b8eaa08a0498df9f1926da48f70bb",part:"close-button",class:d(),onClick:()=>this.hide(),"aria-label":"Close drawer",type:"button"},o("bcm-icon",{key:"423f2493ede384efad396b7935a8a8d75f3470dc",name:"fa-solid fa-xmark"}))),o("div",{key:"c88c138fb88672b549e1bf2fdc9fffa046e3fda5",part:"content",class:l()},o("slot",{key:"cb580a34b3fb0f7e9d0504f56a581c15286715e7"})),!this.noFooter&&o("div",{key:"6dfeddb856478d8133024c62dc704ab5732b9b31",part:"footer",class:c()},o("slot",{key:"159952b9e1ad03319197da2f03c4d67b8951742c",name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};i.style=".contents{display:contents}.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))}.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:contents}[part=dialog]::backdrop{animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:.5}}[part=drawer]{transition:transform .2s ease-out}:host([position=left]) [part=drawer]{transform:translateX(-20px)}:host([position=left][open]) [part=drawer]{transform:translateX(0)}:host([position=right]) [part=drawer]{transform:translateX(20px)}:host([position=right][open]) [part=drawer]{transform:translateX(0)}:host([position=top]) [part=drawer]{transform:translateY(-20px)}:host([position=top][open]) [part=drawer]{transform:translateY(0)}:host([position=bottom]) [part=drawer]{transform:translateY(20px)}:host([position=bottom][open]) [part=drawer]{transform:translateY(0)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.w-6{width:1.5rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.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-semibold{font-weight:600}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--bcm-ui-box-shadow-2xl);--tw-shadow-colored:var(--bcm-ui-box-shadow-2xl)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.backdrop\\:bg-color-default-dark::backdrop{background-color:var(--bcm-ui-color-background-default-dark-default)}.backdrop\\:opacity-50::backdrop{opacity:.5}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.focus-visible\\:ring:focus-visible{--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)}";export{i as bcm_drawer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,a as i,h as o,F as r,H as s}from"./p-P3nVYb_t.js";import{t as a}from"./p-CEcVC0yX.js";const n=a({slots:{container:"bcm-ui-element flex flex-col gap-2 w-full max-w-64",label:"text-size-4 font-medium text-color-label",zone:["relative rounded border border-dashed transition-all duration-200 ease-in-out","px-4 py-4 select-none","border-color-default bg-color-basic-masterpage","flex items-center justify-center"],zoneActive:"border-color-primary bg-color-soft-blue",iconContainer:"flex items-center justify-center shrink-0",iconSizeClass:"text-size-10",zoneTextWrapper:"flex flex-col flex-1 min-w-0",zoneTextMain:"text-size-4 text-color-default font-medium",zoneLink:"text-color-primary hover:underline",zoneTextSub:"text-size-3 text-color-caption",list:"flex flex-col gap-3",fileRow:["flex flex-col items-center gap-2 rounded border transition-colors min-w-0 px-3 py-1.5","bg-color-default border-color-default"],fileIcon:"flex items-center justify-center rounded bg-color-soft-blue shrink-0",fileNameWrapper:"flex flex-col flex-1 min-w-0",fileTitle:"text-size-4 font-medium text-color-default",fileName:"text-size-4 text-color-default truncate",progressWrapper:"flex items-center gap-3 w-full",progressBar:"h-full bg-color-primary rounded transition-all duration-300 ease-out",percent:"text-size-4 font-medium text-color-caption min-w-[3ch] text-right",actions:"flex items-center gap-2",iconBtn:["size-4 rounded-full flex items-center justify-center transition-colors cursor-pointer appearance-none","text-color-icon-default hover:bg-color-default-hover border-none"],caption:"text-size-3 text-color-caption"},variants:{size:{medium:{zone:"flex-col text-center gap-2",iconContainer:"h-10 w-[50px]",zoneTextWrapper:"items-center gap-1"},small:{zone:"px-3 py-4 gap-2 flex-row text-left",iconContainer:"size-8",iconSizeClass:"text-size-8",zoneTextWrapper:"items-start gap-1",label:"text-size-3",caption:"text-size-2"}},disabled:{true:"opacity-60 cursor-not-allowed",false:""}},compoundVariants:[{disabled:!0,class:{zone:"bg-color-disabled border-color-disabled cursor-not-allowed",zoneTextMain:"text-color-disabled",zoneTextSub:"text-color-disabled",zoneLink:"text-color-disabled cursor-not-allowed no-underline hover:no-underline"}},{disabled:!1,class:{zone:"cursor-pointer"}}],defaultVariants:{size:"medium",disabled:!1}}),l=class{constructor(i){e(this,i),this.bcmFileChange=t(this,"bcmFileChange",1),this.bcmFileRemoved=t(this,"bcmFileRemoved",1),this.bcmUploadCanceled=t(this,"bcmUploadCanceled",1),this.bcmFocus=t(this,"bcmFocus",1),this.bcmBlur=t(this,"bcmBlur",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;fileInput;uploadTimer;uploadZoneRef;name="file";label="";caption="";multiple=!1;accept=".xls,.pdf";maxSize=2;required=!1;disabled=!1;size="medium";uploadUrl;maxFileCount;customErrorMessages;files=[];dragActive=!1;maxSizeError=!1;typeError=!1;maxFileCountError=!1;bcmFileChange;bcmFileRemoved;bcmUploadCanceled;bcmFocus;bcmBlur;internalMaxSizeInBytes=1024*this.maxSize*1024;componentWillLoad(){this.internalMaxSizeInBytes=1024*this.maxSize*1024,this.updateFormValueAndValidity()}disconnectedCallback(){this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0)}handleMaxSizeChange(){this.internalMaxSizeInBytes=1024*this.maxSize*1024}isFileAccepted(e){if(!this.accept)return!0;const t="."+(e.name.split(".").pop()||"").toLowerCase();return this.accept.toLowerCase().split(",").map((e=>e.trim())).filter(Boolean).includes(t)}updateFormValueAndValidity(){if(!this.internals)return;if(!this.files.length)return this.internals.setFormValue(null),void(this.required?this.internals.setValidity({valueMissing:!0},this.customErrorMessages?.required||"Please upload at least one file.",this.uploadZoneRef??this.host):this.internals.setValidity({}));const e=new FormData;this.files.forEach(((t,i)=>{e.append(this.multiple?`${this.name}[${i}]`:this.name,t.file)})),this.internals.setFormValue(e),this.internals.setValidity({})}emitChange(){this.bcmFileChange.emit(this.files.map((e=>e.file)))}startFakeUpload(){this.uploadTimer&&window.clearInterval(this.uploadTimer),this.uploadTimer=window.setInterval((()=>{let e=!1;this.files=this.files.map((t=>{if("uploading"!==t.status)return t;e=!0;const i=Math.min((t.progress??0)+15,100);return i>=100?{...t,status:"uploaded",progress:void 0}:{...t,progress:i}})),!e&&this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0,this.updateFormValueAndValidity(),this.emitChange())}),300)}addFiles(e){if(!e||this.disabled)return;const t=[];let i,o=!1,r=!1;if(Array.from(e).forEach((e=>{this.isFileAccepted(e)?e.size>this.internalMaxSizeInBytes?o=!0:t.push({id:crypto.randomUUID(),file:e,status:"uploading",progress:0}):r=!0})),this.maxSizeError=o,this.typeError=r,this.maxFileCountError=!1,!t.length)return this.updateFormValueAndValidity(),void this.emitChange();if(this.multiple)if("number"==typeof this.maxFileCount){const e=this.maxFileCount-this.files.length;if(e<=0)return this.maxFileCountError=!0,this.updateFormValueAndValidity(),void this.emitChange();const o=t.slice(0,Math.max(0,e));o.length<t.length&&(this.maxFileCountError=!0),i=[...this.files,...o]}else i=[...this.files,...t];else i=[t[0]];this.files=i,this.updateFormValueAndValidity(),this.emitChange(),this.startFakeUpload()}removeFile(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmFileRemoved.emit(e),this.updateFormValueAndValidity(),this.emitChange()}cancelUpload(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmUploadCanceled.emit(e),this.updateFormValueAndValidity(),this.emitChange()}onFileInputChange=e=>{const t=e.target;this.addFiles(t.files),t.value=""};downloadFile(e){const t=URL.createObjectURL(e),i=document.createElement("a");i.href=t,i.download=e.name,i.click(),URL.revokeObjectURL(t)}handleDrop(e){if(e.preventDefault(),this.dragActive=!1,this.disabled)return;const t=e.dataTransfer?.files||null;if(!t||0===t.length)return;const i=t.item(0);i&&this.isFileAccepted(i)?this.addFiles(t):this.typeError=!0}handleDragOver(e){e.preventDefault(),this.disabled||(this.dragActive=!0)}handleDragLeave(e){e.preventDefault(),this.dragActive=!1}openFileDialog=()=>{this.disabled||this.fileInput?.click()};formResetCallback(){this.files=[],this.maxSizeError=!1,this.typeError=!1,this.maxFileCountError=!1,this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0),this.updateFormValueAndValidity(),this.emitChange()}focus(e){this.uploadZoneRef?.focus(e)}handleFocus=e=>{this.bcmFocus.emit(e)};handleBlur=e=>{this.bcmBlur.emit(e)};renderErrors(){if(!this.maxSizeError&&!this.typeError&&!this.maxFileCountError)return null;const e=this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "),t=this.customErrorMessages?.maxSize||"File size exceeds the maximum allowed limit.",i=this.customErrorMessages?.type||`Unsupported file type. Allowed formats: ${e}`,r=this.customErrorMessages?.maxFileCount||"You have reached the maximum number of files.";return o("div",{class:"w-full space-y-1"},this.maxSizeError&&o("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxSizeError=!1},t),this.typeError&&o("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.typeError=!1},i),this.maxFileCountError&&o("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxFileCountError=!1},r))}renderUploadZone(){const e=n({size:this.size,disabled:this.disabled}),{zone:t,zoneActive:i,iconContainer:r,iconSizeClass:s,zoneTextWrapper:a,zoneTextMain:l,zoneTextSub:c,zoneLink:d}=e,h=[t(),this.dragActive&&i()].filter(Boolean).join(" "),u=Math.round(this.internalMaxSizeInBytes/1048576),m=this.dragActive?"text-color-primary":"text-color-icon-default";return o("div",{ref:e=>this.uploadZoneRef=e,tabindex:this.disabled?void 0:0,part:"upload-zone",class:h,onClick:this.openFileDialog,onFocus:this.handleFocus,onBlur:this.handleBlur,onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},o("div",{class:r()},o("bcm-icon",{name:"fa-solid fa-cloud-arrow-up",class:`${m} ${s()}`})),o("div",{class:a()},o("div",{class:l()},"Drag & Drop"," ",o("span",{class:"text-color-helper"},"or "),o("a",{class:d(),onClick:e=>{e.preventDefault(),this.openFileDialog()}},"Choose File")),o("div",{class:c()},"Max: ",u,"MB Formats:"," ",this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "))),o("input",{ref:e=>this.fileInput=e,type:"file",hidden:!0,accept:this.accept,multiple:this.multiple,disabled:this.disabled,onChange:this.onFileInputChange}))}renderFileRow(e){const{percent:t,actions:i,iconBtn:s,fileRow:a,fileTitle:l}=n({size:this.size,disabled:this.disabled}),c="uploading"===e?.status;return o("div",{part:"file-row",class:a(),title:e?.file?.name},o("div",{class:"flex items-center justify-between w-full gap-2 min-w-0"},o("div",{class:"flex items-center gap-1.5 min-w-0 flex-1 flex-shrink"},o("div",{class:"flex items-center rounded bg-color-default shrink-0 text-size-3 text-color-caption"},o("bcm-icon",{name:"fa-regular fa-file"})),o("span",{class:l()+" truncate"},e?.file?.name)),o("div",{class:i()+" flex-shrink-0"},"uploaded"===e.status&&o(r,null,o("button",{type:"button",part:"download-btn",class:s(),onClick:()=>this.downloadFile(e.file),title:"Download"},o("bcm-icon",{name:"fa-regular fa-download",class:"text-size-4"})),o("button",{type:"button",part:"remove-btn",class:s(),onClick:()=>this.removeFile(e),title:"Remove"},o("bcm-icon",{name:"fa-regular fa-trash",class:"text-size-4"}))),c&&o("button",{type:"button",part:"cancel-btn",class:"text-color-default bg-transparent hover:bg-color-default-hover text-size-4 cursor-pointer flex items-center justify-center size-5 rounded-full border-none",onClick:()=>this.cancelUpload(e),title:"Cancel"},o("bcm-icon",{name:"fa-regular fa-xmark",class:"text-size-4"})))),c&&o("div",{class:"flex items-center gap-3 w-full min-w-0"},o("div",{class:"h-1.5 flex-1 rounded-full bg-color-surface-default overflow-hidden"},o("div",{class:"h-full bg-color-primary rounded-full transition-all duration-300 ease-out",style:{width:`${e.progress??0}%`}})),o("span",{class:t()},e.progress??0,"%")))}render(){const{container:e,label:t,list:i,caption:r}=n({size:this.size,disabled:this.disabled});return o(s,{key:"4aaec3d4e12ff6b6e8777aa67807e4ebe706e1b4",tabindex:"-1"},o("div",{key:"c3e5ebd884817ebecab83dc1aebbad9ef036c08b",class:e()},this.label&&o("label",{key:"920442a86ea05e6b79238aadbcd58fd13eb2a729",part:"label",class:t()},this.label),this.renderUploadZone(),this.renderErrors(),this.files.length>0&&o("div",{key:"46d9c6e628e68debb64c9e42faff2fe70b4f3291",part:"file-list",class:i()},this.files.map((e=>this.renderFileRow(e)))),this.caption&&o("span",{key:"5ab92827417fa7b39a6e7fffe1dfc3338f21142b",part:"caption",class:r()},this.caption)))}static get formAssociated(){return!0}static get watchers(){return{maxSize:[{handleMaxSizeChange:0}]}}};l.style=".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.relative{position:relative}.flex{display:flex}.hidden{display:none}.size-4{height:1rem;width:1rem}.size-5{height:1.25rem;width:1.25rem}.size-8{height:2rem;width:2rem}.h-1\\.5{height:.375rem}.h-10{height:2.5rem}.h-full{height:100%}.w-\\[50px\\]{width:50px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[3ch\\]{min-width:3ch}.max-w-64{max-width:16rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.border-color-primary{border-color:var(--bcm-ui-color-border-primary)}.bg-color-basic-masterpage{background-color:var(--bcm-ui-color-background-basic-masterpage)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.bg-color-disabled{background-color:var(--bcm-ui-color-background-disabled-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-color-soft-blue{background-color:var(--bcm-ui-color-background-soft-blue-default)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-size-10{font-size:var(--bcm-ui-font-size-10,36px);line-height:var(--bcm-ui-line-height-10,44px)}.text-size-2{font-size:var(--bcm-ui-font-size-2,10px);line-height:var(--bcm-ui-line-height-2,12px)}.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-8{font-size:var(--bcm-ui-font-size-8,24px);line-height:var(--bcm-ui-line-height-8,32px)}.font-medium{font-weight:500}.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-helper{color:var(--bcm-ui-color-text-helper)}.text-color-icon-default{color:var(--bcm-ui-color-text-icon-default)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:no-underline:hover{text-decoration-line:none}";export{l as bcm_file_upload}
|
|
1
|
+
import{r as e,c as t,a as i,h as o,F as r,H as s}from"./p-CMMdTZSd.js";import{t as a}from"./p-CEcVC0yX.js";const n=a({slots:{container:"bcm-ui-element flex flex-col gap-2 w-full max-w-64",label:"text-size-4 font-medium text-color-label",zone:["relative rounded border border-dashed transition-all duration-200 ease-in-out","px-4 py-4 select-none","border-color-default bg-color-basic-masterpage","flex items-center justify-center"],zoneActive:"border-color-primary bg-color-soft-blue",iconContainer:"flex items-center justify-center shrink-0",iconSizeClass:"text-size-10",zoneTextWrapper:"flex flex-col flex-1 min-w-0",zoneTextMain:"text-size-4 text-color-default font-medium",zoneLink:"text-color-primary hover:underline",zoneTextSub:"text-size-3 text-color-caption",list:"flex flex-col gap-3",fileRow:["flex flex-col items-center gap-2 rounded border transition-colors min-w-0 px-3 py-1.5","bg-color-default border-color-default"],fileIcon:"flex items-center justify-center rounded bg-color-soft-blue shrink-0",fileNameWrapper:"flex flex-col flex-1 min-w-0",fileTitle:"text-size-4 font-medium text-color-default",fileName:"text-size-4 text-color-default truncate",progressWrapper:"flex items-center gap-3 w-full",progressBar:"h-full bg-color-primary rounded transition-all duration-300 ease-out",percent:"text-size-4 font-medium text-color-caption min-w-[3ch] text-right",actions:"flex items-center gap-2",iconBtn:["size-4 rounded-full flex items-center justify-center transition-colors cursor-pointer appearance-none","text-color-icon-default hover:bg-color-default-hover border-none"],caption:"text-size-3 text-color-caption"},variants:{size:{medium:{zone:"flex-col text-center gap-2",iconContainer:"h-10 w-[50px]",zoneTextWrapper:"items-center gap-1"},small:{zone:"px-3 py-4 gap-2 flex-row text-left",iconContainer:"size-8",iconSizeClass:"text-size-8",zoneTextWrapper:"items-start gap-1",label:"text-size-3",caption:"text-size-2"}},disabled:{true:"opacity-60 cursor-not-allowed",false:""}},compoundVariants:[{disabled:!0,class:{zone:"bg-color-disabled border-color-disabled cursor-not-allowed",zoneTextMain:"text-color-disabled",zoneTextSub:"text-color-disabled",zoneLink:"text-color-disabled cursor-not-allowed no-underline hover:no-underline"}},{disabled:!1,class:{zone:"cursor-pointer"}}],defaultVariants:{size:"medium",disabled:!1}}),l=class{constructor(i){e(this,i),this.bcmFileChange=t(this,"bcmFileChange",1),this.bcmFileRemoved=t(this,"bcmFileRemoved",1),this.bcmUploadCanceled=t(this,"bcmUploadCanceled",1),this.bcmFocus=t(this,"bcmFocus",1),this.bcmBlur=t(this,"bcmBlur",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;fileInput;uploadTimer;uploadZoneRef;name="file";label="";caption="";multiple=!1;accept=".xls,.pdf";maxSize=2;required=!1;disabled=!1;size="medium";uploadUrl;maxFileCount;customErrorMessages;files=[];dragActive=!1;maxSizeError=!1;typeError=!1;maxFileCountError=!1;bcmFileChange;bcmFileRemoved;bcmUploadCanceled;bcmFocus;bcmBlur;internalMaxSizeInBytes=1024*this.maxSize*1024;componentWillLoad(){this.internalMaxSizeInBytes=1024*this.maxSize*1024,this.updateFormValueAndValidity()}disconnectedCallback(){this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0)}handleMaxSizeChange(){this.internalMaxSizeInBytes=1024*this.maxSize*1024}isFileAccepted(e){if(!this.accept)return!0;const t="."+(e.name.split(".").pop()||"").toLowerCase();return this.accept.toLowerCase().split(",").map((e=>e.trim())).filter(Boolean).includes(t)}updateFormValueAndValidity(){if(!this.internals)return;if(!this.files.length)return this.internals.setFormValue(null),void(this.required?this.internals.setValidity({valueMissing:!0},this.customErrorMessages?.required||"Please upload at least one file.",this.uploadZoneRef??this.host):this.internals.setValidity({}));const e=new FormData;this.files.forEach(((t,i)=>{e.append(this.multiple?`${this.name}[${i}]`:this.name,t.file)})),this.internals.setFormValue(e),this.internals.setValidity({})}emitChange(){this.bcmFileChange.emit(this.files.map((e=>e.file)))}startFakeUpload(){this.uploadTimer&&window.clearInterval(this.uploadTimer),this.uploadTimer=window.setInterval((()=>{let e=!1;this.files=this.files.map((t=>{if("uploading"!==t.status)return t;e=!0;const i=Math.min((t.progress??0)+15,100);return i>=100?{...t,status:"uploaded",progress:void 0}:{...t,progress:i}})),!e&&this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0,this.updateFormValueAndValidity(),this.emitChange())}),300)}addFiles(e){if(!e||this.disabled)return;const t=[];let i,o=!1,r=!1;if(Array.from(e).forEach((e=>{this.isFileAccepted(e)?e.size>this.internalMaxSizeInBytes?o=!0:t.push({id:crypto.randomUUID(),file:e,status:"uploading",progress:0}):r=!0})),this.maxSizeError=o,this.typeError=r,this.maxFileCountError=!1,!t.length)return this.updateFormValueAndValidity(),void this.emitChange();if(this.multiple)if("number"==typeof this.maxFileCount){const e=this.maxFileCount-this.files.length;if(e<=0)return this.maxFileCountError=!0,this.updateFormValueAndValidity(),void this.emitChange();const o=t.slice(0,Math.max(0,e));o.length<t.length&&(this.maxFileCountError=!0),i=[...this.files,...o]}else i=[...this.files,...t];else i=[t[0]];this.files=i,this.updateFormValueAndValidity(),this.emitChange(),this.startFakeUpload()}removeFile(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmFileRemoved.emit(e),this.updateFormValueAndValidity(),this.emitChange()}cancelUpload(e){this.files=this.files.filter((t=>t.id!==e.id)),this.bcmUploadCanceled.emit(e),this.updateFormValueAndValidity(),this.emitChange()}onFileInputChange=e=>{const t=e.target;this.addFiles(t.files),t.value=""};downloadFile(e){const t=URL.createObjectURL(e),i=document.createElement("a");i.href=t,i.download=e.name,i.click(),URL.revokeObjectURL(t)}handleDrop(e){if(e.preventDefault(),this.dragActive=!1,this.disabled)return;const t=e.dataTransfer?.files||null;if(!t||0===t.length)return;const i=t.item(0);i&&this.isFileAccepted(i)?this.addFiles(t):this.typeError=!0}handleDragOver(e){e.preventDefault(),this.disabled||(this.dragActive=!0)}handleDragLeave(e){e.preventDefault(),this.dragActive=!1}openFileDialog=()=>{this.disabled||this.fileInput?.click()};formResetCallback(){this.files=[],this.maxSizeError=!1,this.typeError=!1,this.maxFileCountError=!1,this.uploadTimer&&(window.clearInterval(this.uploadTimer),this.uploadTimer=void 0),this.updateFormValueAndValidity(),this.emitChange()}focus(e){this.uploadZoneRef?.focus(e)}handleFocus=e=>{this.bcmFocus.emit(e)};handleBlur=e=>{this.bcmBlur.emit(e)};renderErrors(){if(!this.maxSizeError&&!this.typeError&&!this.maxFileCountError)return null;const e=this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "),t=this.customErrorMessages?.maxSize||"File size exceeds the maximum allowed limit.",i=this.customErrorMessages?.type||`Unsupported file type. Allowed formats: ${e}`,r=this.customErrorMessages?.maxFileCount||"You have reached the maximum number of files.";return o("div",{class:"w-full space-y-1"},this.maxSizeError&&o("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxSizeError=!1},t),this.typeError&&o("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.typeError=!1},i),this.maxFileCountError&&o("bcm-alert",{status:"error",size:"small",dismissible:!0,onBcmDismiss:()=>this.maxFileCountError=!1},r))}renderUploadZone(){const e=n({size:this.size,disabled:this.disabled}),{zone:t,zoneActive:i,iconContainer:r,iconSizeClass:s,zoneTextWrapper:a,zoneTextMain:l,zoneTextSub:c,zoneLink:d}=e,h=[t(),this.dragActive&&i()].filter(Boolean).join(" "),u=Math.round(this.internalMaxSizeInBytes/1048576),m=this.dragActive?"text-color-primary":"text-color-icon-default";return o("div",{ref:e=>this.uploadZoneRef=e,tabindex:this.disabled?void 0:0,part:"upload-zone",class:h,onClick:this.openFileDialog,onFocus:this.handleFocus,onBlur:this.handleBlur,onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},o("div",{class:r()},o("bcm-icon",{name:"fa-solid fa-cloud-arrow-up",class:`${m} ${s()}`})),o("div",{class:a()},o("div",{class:l()},"Drag & Drop"," ",o("span",{class:"text-color-helper"},"or "),o("a",{class:d(),onClick:e=>{e.preventDefault(),this.openFileDialog()}},"Choose File")),o("div",{class:c()},"Max: ",u,"MB Formats:"," ",this.accept.replace(/\./g,"").toUpperCase().replace(/,/g,", "))),o("input",{ref:e=>this.fileInput=e,type:"file",hidden:!0,accept:this.accept,multiple:this.multiple,disabled:this.disabled,onChange:this.onFileInputChange}))}renderFileRow(e){const{percent:t,actions:i,iconBtn:s,fileRow:a,fileTitle:l}=n({size:this.size,disabled:this.disabled}),c="uploading"===e?.status;return o("div",{part:"file-row",class:a(),title:e?.file?.name},o("div",{class:"flex items-center justify-between w-full gap-2 min-w-0"},o("div",{class:"flex items-center gap-1.5 min-w-0 flex-1 flex-shrink"},o("div",{class:"flex items-center rounded bg-color-default shrink-0 text-size-3 text-color-caption"},o("bcm-icon",{name:"fa-regular fa-file"})),o("span",{class:l()+" truncate"},e?.file?.name)),o("div",{class:i()+" flex-shrink-0"},"uploaded"===e.status&&o(r,null,o("button",{type:"button",part:"download-btn",class:s(),onClick:()=>this.downloadFile(e.file),title:"Download"},o("bcm-icon",{name:"fa-regular fa-download",class:"text-size-4"})),o("button",{type:"button",part:"remove-btn",class:s(),onClick:()=>this.removeFile(e),title:"Remove"},o("bcm-icon",{name:"fa-regular fa-trash",class:"text-size-4"}))),c&&o("button",{type:"button",part:"cancel-btn",class:"text-color-default bg-transparent hover:bg-color-default-hover text-size-4 cursor-pointer flex items-center justify-center size-5 rounded-full border-none",onClick:()=>this.cancelUpload(e),title:"Cancel"},o("bcm-icon",{name:"fa-regular fa-xmark",class:"text-size-4"})))),c&&o("div",{class:"flex items-center gap-3 w-full min-w-0"},o("div",{class:"h-1.5 flex-1 rounded-full bg-color-surface-default overflow-hidden"},o("div",{class:"h-full bg-color-primary rounded-full transition-all duration-300 ease-out",style:{width:`${e.progress??0}%`}})),o("span",{class:t()},e.progress??0,"%")))}render(){const{container:e,label:t,list:i,caption:r}=n({size:this.size,disabled:this.disabled});return o(s,{key:"4aaec3d4e12ff6b6e8777aa67807e4ebe706e1b4",tabindex:"-1"},o("div",{key:"c3e5ebd884817ebecab83dc1aebbad9ef036c08b",class:e()},this.label&&o("label",{key:"920442a86ea05e6b79238aadbcd58fd13eb2a729",part:"label",class:t()},this.label),this.renderUploadZone(),this.renderErrors(),this.files.length>0&&o("div",{key:"46d9c6e628e68debb64c9e42faff2fe70b4f3291",part:"file-list",class:i()},this.files.map((e=>this.renderFileRow(e)))),this.caption&&o("span",{key:"5ab92827417fa7b39a6e7fffe1dfc3338f21142b",part:"caption",class:r()},this.caption)))}static get formAssociated(){return!0}static get watchers(){return{maxSize:[{handleMaxSizeChange:0}]}}};l.style=".block{display:block}:host{display:block}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.relative{position:relative}.flex{display:flex}.hidden{display:none}.size-4{height:1rem;width:1rem}.size-5{height:1.25rem;width:1.25rem}.size-8{height:2rem;width:2rem}.h-1\\.5{height:.375rem}.h-10{height:2.5rem}.h-full{height:100%}.w-\\[50px\\]{width:50px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[3ch\\]{min-width:3ch}.max-w-64{max-width:16rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.appearance-none{appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.border-color-primary{border-color:var(--bcm-ui-color-border-primary)}.bg-color-basic-masterpage{background-color:var(--bcm-ui-color-background-basic-masterpage)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.bg-color-disabled{background-color:var(--bcm-ui-color-background-disabled-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-color-soft-blue{background-color:var(--bcm-ui-color-background-soft-blue-default)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-size-10{font-size:var(--bcm-ui-font-size-10,36px);line-height:var(--bcm-ui-line-height-10,44px)}.text-size-2{font-size:var(--bcm-ui-font-size-2,10px);line-height:var(--bcm-ui-line-height-2,12px)}.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-8{font-size:var(--bcm-ui-font-size-8,24px);line-height:var(--bcm-ui-line-height-8,32px)}.font-medium{font-weight:500}.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-helper{color:var(--bcm-ui-color-text-helper)}.text-color-icon-default{color:var(--bcm-ui-color-text-icon-default)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:no-underline:hover{text-decoration-line:none}";export{l as bcm_file_upload}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as i,H as e}from"./p-CMMdTZSd.js";import{t as r}from"./p-CEcVC0yX.js";const a={save:{text:"Save",status:"success",icon:"far fa-save",iconPosition:"prefix",kind:"primary"},ok:{text:"Ok",status:"success",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",status:"success",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",status:"success",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",status:"success",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",status:"default",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",status:"default",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",status:"default",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",status:"default",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",status:"success",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",status:"error",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",status:"error",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",status:"error",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",status:"error",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",status:"error",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",status:"error",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",status:"default",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",status:"default",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",status:"default",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",status:"default",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",status:"default",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",status:"default",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",status:"default",icon:"far fa-download",iconPosition:"prefix"}},n=class{constructor(i){t(this,i),this.bcmClick=o(this,"bcmClick",1),this.bcmFocus=o(this,"bcmFocus",1),this.bcmBlur=o(this,"bcmBlur",1)}kind="primary";size="medium";status="default";variant;position;icon;iconPosition="prefix";iconOnly=!1;fullWidth=!1;type="button";loading=!1;disabled=!1;text;active=!1;form;value;name;label;expanded;controls;bcmClick;bcmFocus;bcmBlur;handleClick=t=>{this.disabled||this.loading||this.bcmClick.emit(t)};handleFocus=t=>{this.bcmFocus.emit(t)};handleBlur=t=>{this.bcmBlur.emit(t)};get buttonText(){return this.text||(this.variant&&a[this.variant]?a[this.variant].text:"")}get buttonIcon(){return this.variant&&a[this.variant]?.icon?{icon:a[this.variant].icon,position:a[this.variant].iconPosition||"prefix"}:{icon:this.icon,position:this.iconPosition}}get buttonStatus(){return this.variant&&a[this.variant]?a[this.variant].status:this.status}get buttonStyles(){const t="default"===this.buttonStatus?"primary":this.buttonStatus,o={primary:{"--bcm-button-bg":`var(--bcm-ui-color-background-${t}-default)`,"--bcm-button-bg-hover":`var(--bcm-ui-color-background-${t}-hover)`,"--bcm-button-bg-active":`var(--bcm-ui-color-background-${t}-active)`,"--bcm-button-border":"transparent","--bcm-button-text":"var(--bcm-ui-color-text-base)"},outline:{"--bcm-button-bg":"var(--bcm-ui-color-background-default-default)","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":`var(--bcm-ui-color-border-${this.buttonStatus})`,"--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},ghost:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},text:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${t})`}}[this.kind],i={"--bcm-final-text-color":`var(--bcm-button-custom-text-color, ${o["--bcm-button-text"]})`,"--bcm-final-border-color":`var(--bcm-button-custom-border-color, ${o["--bcm-button-border"]})`,"--bcm-final-bg-color":`var(--bcm-button-custom-bg-color, ${o["--bcm-button-bg"]})`,"--bcm-final-hover-bg-color":`var(--bcm-button-custom-hover-bg-color, ${o["--bcm-button-bg-hover"]})`,"--bcm-final-active-bg-color":`var(--bcm-button-custom-active-bg-color, ${o["--bcm-button-bg-active"]})`};return{...o,...i}}buttonClass=r({base:"bcm-ui-element bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0",variants:{size:{small:"text-size-4 py-px px-2 min-h-6",medium:"text-size-5 py-0.5 px-3 min-h-8",large:"text-size-6 py-1 px-3 min-h-10"},kind:{primary:"kind-primary",ghost:"kind-ghost",text:"kind-text",outline:"kind-outline"},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled",false:["cursor-pointer","bg-[--bcm-final-bg-color] text-[--bcm-final-text-color] border-[--bcm-final-border-color]","hover:bg-[--bcm-final-hover-bg-color]","active:bg-[--bcm-final-active-bg-color]","focus-visible:ring"]},loading:{true:""},position:{first:"position-first",middle:"position-middle",last:"position-last"}},defaultVariants:{size:"medium",kind:"primary",fullWidth:!1,disabled:!1,loading:!1}},{twMerge:!1});render(){const{icon:t,position:o}=this.buttonIcon;return i(e,{key:"856ba5b8f7eeadb7da5eccf39f7d8c2952c05e65"},i("button",{key:"897e1dec536f559ca17d8f9b3f398313272248ca",type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label,"aria-expanded":this.expanded,"aria-controls":this.controls,"aria-disabled":this.disabled,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,style:this.buttonStyles,class:this.buttonClass({size:this.size,kind:this.kind,fullWidth:this.fullWidth,disabled:this.disabled,loading:this.loading,position:this.position})},this.loading&&i("slot",{key:"648e21a0fe52098315b7a44731f3370123247bf4",name:"loading"}),i("span",{key:"3f5f4ecfa803eecc006cd2f66427d1fa96b0e240"},i("slot",{key:"941e5bd392a68e44e69761598847ceba0f000c2d",name:"prefix"},"prefix"===o&&t&&i("i",{key:"00d54d78c830f8dc1cc089f345d20bd6cbfc5313",class:" leading-none "+t}))),i("slot",{key:"bf67d3aa263a2bf4e9ce6babd6edf8412afc6f84"},this.buttonText),i("span",{key:"4f13179c47aadd2c76503e1702cd8f7565f8d656"},i("slot",{key:"01192c2593794a7c2de5f816904176c75144c803",name:"suffix"},"suffix"===o&&t&&i("i",{key:"4d6e378a9fffa606453da0b7b7524a30a33857e9",class:" leading-none "+t})))))}};n.style=".relative{position:relative}:host{display:inline-flex;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}:host([position=first]) .bcm-button{border-bottom-right-radius:0;border-top-right-radius:0}:host([position=middle]) .bcm-button{border-radius:0}:host([position=last]) .bcm-button{border-bottom-left-radius:0;border-top-left-radius:0}:host([position=first].orientation-vertical) .bcm-button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--bcm-ui-border-radius,4px);border-top-right-radius:var(--bcm-ui-border-radius,4px)}:host([position=middle].orientation-vertical) .bcm-button{border-radius:0}:host([position=last].orientation-vertical) .bcm-button{border-bottom-left-radius:var(--bcm-ui-border-radius,4px);border-bottom-right-radius:var(--bcm-ui-border-radius,4px);border-top-left-radius:0;border-top-right-radius:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.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)}.outline{outline-style:solid}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.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))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter Variable,sans-serif}.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-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[var\\(--bcm-ui-color-text-error\\)\\]{color:var(--bcm-ui-color-text-error)}.text-\\[var\\(--bcm-ui-color-text-info\\)\\]{color:var(--bcm-ui-color-text-info)}.text-\\[var\\(--bcm-ui-color-text-success\\)\\]{color:var(--bcm-ui-color-text-success)}.text-\\[var\\(--bcm-ui-color-text-warning\\)\\]{color:var(--bcm-ui-color-text-warning)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}.inline-flex{display:inline-flex}.min-h-10{min-height:2.5rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-final-border-color\\]{border-color:var(--bcm-final-border-color)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.bg-\\[--bcm-final-bg-color\\]{background-color:var(--bcm-final-bg-color)}.bg-\\[--bcm-ui-color-background-disabled-default\\]{background-color:var(--bcm-ui-color-background-disabled-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.leading-none{line-height:1}.text-\\[--bcm-final-text-color\\]{color:var(--bcm-final-text-color)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.outline-0{outline-width:0}.hover\\:bg-\\[--bcm-final-hover-bg-color\\]:hover{background-color:var(--bcm-final-hover-bg-color)}.focus-visible\\:ring:focus-visible{--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)}.active\\:bg-\\[--bcm-final-active-bg-color\\]:active{background-color:var(--bcm-final-active-bg-color)}";export{n as bcm_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,a,h as d,H as t}from"./p-CMMdTZSd.js";import{t as s}from"./p-CEcVC0yX.js";const r=class{constructor(a){e(this,a),this.bcmDropdownChange=o(this,"bcmDropdownChange",1)}get host(){return a(this)}text;dropdownItems=[];bcmDropdownChange;handleDropdownItemChange(e){const{element:o,selected:a}=e?.detail;this.dropdownItems?.forEach((e=>{e!=o&&(e.selected=!1)})),this.bcmDropdownChange.emit({element:o,selected:a})}dropdownClass=s({base:"bcm-ui-element dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto"});handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item")),0===this.dropdownItems.length&&console.warn("No dropdown items found in dropdown component")};render(){return d(t,{key:"9d718f27af182024b4ec059d37f226c7d8ade19d"},d("bcm-linked",{key:"54a00a98b31acaed227b0e5b59aeac15e61dc334",trigger:"click",placement:"bottom-start"},d("bcm-button",{key:"b9820929158f86c7b156e5bdfc55cb45e28cef7a",kind:"outline",slot:"trigger"},d("span",{key:"734d0403de7b9b1c4b0dde24803a92860a9870dd",part:"text"},this.text)),d("div",{key:"bccdfe8fd48bfb5d7c9ce02c5e6ef58f4863e240",part:"dropdown-container",class:this.dropdownClass()},d("slot",{key:"762fdc7ea26f269bd82cc6375107c541386def0a",onSlotchange:this.handleSlotChange}))))}};r.style=".visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.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)}.outline{outline-style:solid}";export{r as bcm_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,a,h as e}from"./p-CMMdTZSd.js";import{t as r}from"./p-CEcVC0yX.js";const i=class{constructor(a){o(this,a),this.bcmAccordionChange=t(this,"bcmAccordionChange",1)}get host(){return a(this)}expanded=!1;headerTitle;group=!1;hintText;hasFooterContent=!1;bcmAccordionChange;contentEl;async toggle(){this.expanded=!this.expanded,this.updateAccordion()}async expand(){this.expanded||(this.expanded=!0,this.updateAccordion())}async collapse(){this.expanded&&(this.expanded=!1,this.updateAccordion())}updateAccordion(){this.contentEl&&(this.contentEl.style.maxHeight=this.expanded?`${this.contentEl.scrollHeight}px`:"0px"),this.bcmAccordionChange.emit({expanded:this.expanded,source:this.host})}handleFooterSlotChange=o=>{const t=o.target.assignedNodes();this.hasFooterContent=t.length>0};accordionClass=r({slots:{container:"accordion-container flex flex-col bcm-ui-element w-full",header:"accordion-header flex flex-row justify-between gap-2 p-4 min-w-max flex-nowrap text-wrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer",content:"accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base",footer:"accordion-footer flex flex-row flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal min-w-max",icon:"accordion-icon cursor-pointer transform transition-transform duration-300",rightSection:"accordion-right-section flex flex-row gap-2.5 items-center"},variants:{hasFooterContent:{false:{footer:"hidden"},true:{footer:"flex"}},expanded:{true:{icon:"rotate-180"},false:{icon:"rotate-0",content:""}}}},{twMerge:!1});render(){const{container:o,header:t,content:a,footer:r,icon:i,rightSection:c}=this.accordionClass({hasFooterContent:this.hasFooterContent||!!this.hintText,expanded:this.expanded});return e("div",{key:"707282c793f722f7ac3a471189f67d0f54735725",class:o()},e("header",{key:"6bbc925eb3fd7438f01445a6ccdd1e55d096d1e8",class:t(),role:"button",tabindex:"0","aria-expanded":this.expanded.toString(),"aria-controls":"accordion-content",onKeyDown:o=>{"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.toggle())},onClick:()=>this.toggle()},e("slot",{key:"9260a2fe9d81f12eacb02b64f47276129070e1b4",name:"title"},this.headerTitle),e("div",{key:"6ae6113bf08e88c32d0e75b2569b3503dbd55b0f",class:c()},e("span",{key:"f9ba7755380c8156cf6f24cac72269d791a5351f",onClick:o=>o.stopPropagation()},e("slot",{key:"7684a8e8947940a12bc0f86f4a0c4b6cc3031244",name:"actions"})),e("bcm-icon",{key:"574fcd0edd3a7ae6c1f7226d64fd4a26fc23f2f9",name:"fa-regular fa-chevron-down",class:i()}))),e("div",{key:"6e1dd29e10fd3ab7e48855b93934b5b1b21361a5",class:a(),style:{maxHeight:this.expanded?"auto":"0px"},ref:o=>this.contentEl=o},e("div",{key:"12b3c48d43675806987ce7d3eb6d26647b154cbe",class:"px-4 py-2"},e("slot",{key:"840d0cbad72e906f783040c6db12b8a82e924f0d"})),e("footer",{key:"1908bf78bab20a388ed5d0be3d79d2910c170488",class:r()},e("slot",{key:"ce12b6d8cd33433da6566017518743d685923621",name:"footer",onSlotchange:this.handleFooterSlotChange},this.hintText))))}};i.style=".block{display:block}.flex{display:flex}.border{border-width:1px}:host{--bcm-accordion-bg:var(--bcm-ui-color-background-basic-panel);--bcm-accordion-content-bg:var(--bcm-ui-color-background-basic-base);--bcm-accordion-text:var(--bcm-ui-color-text-header);--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;--bcm-accordion-footer-bg:var(--bcm-ui-color-background-default-default);display:block;width:100%}:host(:not([group])) .accordion-container{border:1px solid var(--bcm-accordion-border);border-radius:var(--bcm-accordion-radius)}:host([group]) .accordion-container{border-bottom:1px solid var(--bcm-accordion-border);border-radius:0}:host([group]:last-of-type) .accordion-container{border-bottom:none}:host([group]:first-of-type) .accordion-container{border-top-left-radius:var(--bcm-accordion-radius);border-top-right-radius:var(--bcm-accordion-radius)}:host([group]:last-of-type) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}:host(:not([group])) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}::slotted([slot=title]){align-items:center;display:flex;flex-direction:row;gap:10px}::slotted([slot=actions]){align-items:center;display:flex;flex-direction:row;gap:12px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.text-wrap{text-wrap:wrap}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.bg-\\[--bcm-accordion-bg\\]{background-color:var(--bcm-accordion-bg)}.bg-\\[--bcm-accordion-footer-bg\\]{background-color:var(--bcm-accordion-footer-bg)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-\\[--bcm-accordion-text\\]{color:var(--bcm-accordion-text)}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;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)}";export{i as bcm_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c,h as r}from"./p-
|
|
1
|
+
import{r as e,c,h as r}from"./p-CMMdTZSd.js";import{t as i}from"./p-CEcVC0yX.js";const t={info:"blue",error:"red",warning:"amber",success:"green",primary:"primary"},o=class{constructor(r){e(this,r),this.bcmDismiss=c(this,"bcmDismiss",1)}size="medium";kind="filled";status="default";dismissible=!1;disabled=!1;color;bcmDismiss;chipClass=i({base:["chip bcm-ui-element font-normal flex items-center justify-center px-2 gap-1 min-w-max border","bg-[--bcm-chip-bg] text-[--bcm-chip-text] rounded-[--bcm-chip-radius] border-[--bcm-chip-border]","hover:bg-[--bcm-chip-hover-bg] active:bg-[--bcm-chip-active-bg]"],variants:{size:{small:"small py-px text-size-3",medium:"medium py-0.5 text-size-4",large:"large py-1 text-size-5"},kind:{filled:"filled border-transparent",outlined:"outlined",text:"text border-none"},disabled:{true:"cursor-not-allowed"}}},{twMerge:!1});get chipStyle(){let e=this.color;return this.disabled?{"--bcm-chip-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-text":"var(--bcm-ui-color-text-disabled)","--bcm-chip-border":"var(--bcm-ui-color-border-disabled)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-disabled-default)"}:("default"!==this.status&&(e=t[this.status]),e?{filled:{"--bcm-chip-bg":`var(--bcm-ui-color-background-palette-${e}-default)`,"--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":"transparent","--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`}}[this.kind]:{filled:{"--bcm-chip-bg":"var(--bcm-ui-color-background-default-default)","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"transparent","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"}}[this.kind])}handleDismiss(){this.disabled||this.bcmDismiss.emit()}render(){return r("div",{key:"8e78d9e90bb1d90392a35c69c86e9326eec5f627",style:this.chipStyle,class:this.chipClass({size:this.size,kind:this.kind,disabled:this.disabled}),role:"button","aria-disabled":this.disabled?"true":"false"},r("slot",{key:"c4039645b7ee6f8f43fc587c1afc13b05f387b49"}),this.dismissible&&r("bcm-icon",{key:"96b5e24fb44303e7afd5d6d7d2a1cd43a2874c4a",onClick:()=>this.handleDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark","aria-label":"Dismiss chip"}))}};o.style=":host{--bcm-chip-bg:var(--bcm-ui-color-background-default-default);--bcm-chip-text:var(--bcm-ui-color-text-default);--bcm-chip-border:var(--bcm-ui-color-border-default);--bcm-chip-hover-bg:var(--bcm-ui-color-background-default-hover);--bcm-chip-active-bg:var(--bcm-ui-color-background-default-active);--bcm-chip-radius:6px;display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.min-w-max{min-width:max-content}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.rounded-\\[--bcm-chip-radius\\]{border-radius:var(--bcm-chip-radius)}.border{border-width:1px}.border-none{border-style:none}.border-\\[--bcm-chip-border\\]{border-color:var(--bcm-chip-border)}.border-transparent{border-color:transparent}.bg-\\[--bcm-chip-bg\\]{background-color:var(--bcm-chip-bg)}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.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}.text-\\[--bcm-chip-text\\]{color:var(--bcm-chip-text)}.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)}.hover\\:bg-\\[--bcm-chip-hover-bg\\]:hover{background-color:var(--bcm-chip-hover-bg)}.active\\:bg-\\[--bcm-chip-active-bg\\]:active{background-color:var(--bcm-chip-active-bg)}";export{o as bcm_chip}
|