bromcom-ui-next 0.1.39 → 0.1.40
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.esm.js +1 -1
- package/dist/bromcom-ui/{p-5b25aa24.entry.js → p-2c40197f.entry.js} +1 -1
- package/dist/bromcom-ui/p-33d0726d.entry.js +1 -0
- package/dist/bromcom-ui/p-384bca2b.entry.js +1 -0
- package/dist/bromcom-ui/{p-f0faedf7.entry.js → p-39f43cbb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f42c8c0e.entry.js → p-3b278aa2.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6f2162b1.entry.js → p-3c8308e8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a709c6ba.entry.js → p-430d9b69.entry.js} +1 -1
- package/dist/bromcom-ui/{p-282a7801.entry.js → p-449b6f9a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8819d845.entry.js → p-466f9145.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3425bcf5.entry.js → p-53082c51.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c15f6486.entry.js → p-581e71d7.entry.js} +1 -1
- package/dist/bromcom-ui/p-65cb3344.entry.js +1 -0
- package/dist/bromcom-ui/{p-2c9e225b.entry.js → p-716d4253.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6d667a81.entry.js → p-724789fd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ad408c9a.entry.js → p-725ec46f.entry.js} +1 -1
- package/dist/bromcom-ui/p-77bc4871.entry.js +1 -0
- package/dist/bromcom-ui/p-7b6131f4.entry.js +1 -0
- package/dist/bromcom-ui/p-824f3bae.entry.js +1 -0
- package/dist/bromcom-ui/{p-992ca37a.entry.js → p-9682e900.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f45ecd0e.entry.js → p-9ee52978.entry.js} +1 -1
- package/dist/bromcom-ui/p-a19629e7.entry.js +1 -0
- package/dist/bromcom-ui/{p-b1eaa46d.entry.js → p-b4399aa2.entry.js} +1 -1
- package/dist/bromcom-ui/p-bccb1a72.entry.js +1 -0
- package/dist/bromcom-ui/{p-dc706cb6.entry.js → p-c981545c.entry.js} +1 -1
- package/dist/bromcom-ui/p-c9940043.entry.js +1 -0
- package/dist/bromcom-ui/p-cfeadc24.entry.js +1 -0
- package/dist/bromcom-ui/{p-b5360906.entry.js → p-f422c6b7.entry.js} +1 -1
- package/dist/bromcom-ui/p-f565725d.entry.js +1 -0
- package/dist/bromcom-ui/{p-5c83f948.entry.js → p-f84a456d.entry.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 +1 -1
- package/dist/cjs/bcm-attendance.cjs.entry.js +77 -0
- package/dist/cjs/bcm-badge.cjs.entry.js +3 -3
- package/dist/cjs/bcm-basic-badge.cjs.entry.js +3 -3
- package/dist/cjs/bcm-button-group.cjs.entry.js +3 -3
- package/dist/cjs/bcm-button.cjs.entry.js +3 -3
- package/dist/cjs/bcm-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
- package/dist/cjs/bcm-divider.cjs.entry.js +2 -2
- package/dist/cjs/bcm-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bcm-dropdown-item.cjs.entry.js +3 -3
- package/dist/cjs/bcm-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/bcm-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input.cjs.entry.js +2 -2
- package/dist/cjs/bcm-linked.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal.cjs.entry.js +1 -1
- package/dist/cjs/bcm-pop-confirm.cjs.entry.js +2 -2
- package/dist/cjs/bcm-popover.cjs.entry.js +3 -3
- package/dist/cjs/bcm-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-radio.cjs.entry.js +1 -1
- package/dist/cjs/bcm-segment_3.cjs.entry.js +7 -7
- package/dist/cjs/bcm-shortcut.cjs.entry.js +1 -1
- package/dist/cjs/bcm-switch.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tab.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tabs.cjs.entry.js +3 -3
- package/dist/cjs/bcm-textarea.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/bromcom-ui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/accordion/accordion.component.js +2 -2
- package/dist/collection/components/accordion-group/accordion-group.component.js +1 -1
- package/dist/collection/components/accordion-group/accordion-group.css +1 -1
- package/dist/collection/components/alert/alert.component.js +1 -1
- package/dist/collection/components/attendance/attendance.component.js +136 -0
- package/dist/collection/components/attendance/attendance.css +1 -0
- package/dist/collection/components/badge/badge.component.js +2 -2
- package/dist/collection/components/badge/badge.css +1 -1
- package/dist/collection/components/basic-badge/basic-badge.component.js +2 -2
- package/dist/collection/components/basic-badge/basic-badge.css +1 -1
- package/dist/collection/components/button/button.component.js +2 -2
- package/dist/collection/components/button/button.css +1 -1
- package/dist/collection/components/button-group/button-group.component.js +2 -2
- package/dist/collection/components/button-group/button-group.css +1 -1
- package/dist/collection/components/checkbox/checkbox.component.js +1 -1
- package/dist/collection/components/chip/chip.component.js +1 -1
- package/dist/collection/components/chip/chip.css +1 -1
- package/dist/collection/components/divider/divider.component.js +1 -1
- package/dist/collection/components/divider/divider.css +1 -1
- package/dist/collection/components/drawer/drawer.component.js +1 -1
- package/dist/collection/components/dropdown/dropdown.component.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.component.js +2 -2
- package/dist/collection/components/dropdown-item/dropdown-item.css +1 -1
- package/dist/collection/components/input/input.component.js +2 -2
- package/dist/collection/components/linked/linked.component.js +2 -2
- package/dist/collection/components/linked/linked.css +1 -1
- package/dist/collection/components/modal/modal.component.js +1 -1
- package/dist/collection/components/pop-confirm/pop-confirm.component.js +1 -1
- package/dist/collection/components/pop-confirm/pop-confirm.css +1 -1
- package/dist/collection/components/popover/popover.component.js +2 -2
- package/dist/collection/components/popover/popover.css +1 -1
- package/dist/collection/components/radio/radio.component.js +1 -1
- package/dist/collection/components/radio-group/radio-group.component.js +2 -2
- package/dist/collection/components/segmented-picker/segment.component.js +2 -2
- package/dist/collection/components/segmented-picker/segmented-picker.component.js +3 -3
- package/dist/collection/components/shortcut/shortcut.js +1 -1
- package/dist/collection/components/switch/switch.component.js +2 -2
- package/dist/collection/components/tabs/bcm-tab.css +1 -1
- package/dist/collection/components/tabs/tab.component.js +1 -1
- package/dist/collection/components/tabs/tabs.component.js +3 -3
- 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.component.js +3 -3
- package/dist/collection/components/tooltip/tooltip.component.js +2 -2
- package/dist/collection/components/tooltip/tooltip.css +1 -1
- package/dist/collection/components/upload/file-upload.component.js +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-attendance.d.ts +11 -0
- package/dist/components/bcm-attendance.js +1 -0
- 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/{p-BQbLrMuz.js → p-C3wzcnH3.js} +1 -1
- package/dist/components/p-CXVKfgBL.js +1 -0
- package/dist/components/{p-B5YCVscx.js → p-CicdrC2Y.js} +1 -1
- package/dist/components/{p-BzObQIih.js → p-DWnYDhBg.js} +1 -1
- package/dist/components/{p-2c_3ffq_.js → p-g_xOiMQQ.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 +1 -1
- package/dist/esm/bcm-attendance.entry.js +75 -0
- package/dist/esm/bcm-badge.entry.js +3 -3
- package/dist/esm/bcm-basic-badge.entry.js +3 -3
- package/dist/esm/bcm-button-group.entry.js +3 -3
- package/dist/esm/bcm-button.entry.js +3 -3
- package/dist/esm/bcm-checkbox.entry.js +1 -1
- package/dist/esm/bcm-chip.entry.js +2 -2
- package/dist/esm/bcm-divider.entry.js +2 -2
- package/dist/esm/bcm-drawer.entry.js +1 -1
- package/dist/esm/bcm-dropdown-item.entry.js +3 -3
- package/dist/esm/bcm-dropdown.entry.js +2 -2
- package/dist/esm/bcm-file-upload.entry.js +1 -1
- package/dist/esm/bcm-input.entry.js +2 -2
- package/dist/esm/bcm-linked.entry.js +3 -3
- package/dist/esm/bcm-modal.entry.js +1 -1
- package/dist/esm/bcm-pop-confirm.entry.js +2 -2
- package/dist/esm/bcm-popover.entry.js +3 -3
- package/dist/esm/bcm-radio-group.entry.js +2 -2
- package/dist/esm/bcm-radio.entry.js +1 -1
- package/dist/esm/bcm-segment_3.entry.js +7 -7
- package/dist/esm/bcm-shortcut.entry.js +1 -1
- package/dist/esm/bcm-switch.entry.js +2 -2
- package/dist/esm/bcm-tab.entry.js +2 -2
- package/dist/esm/bcm-tabs.entry.js +3 -3
- package/dist/esm/bcm-textarea.entry.js +3 -3
- package/dist/esm/bcm-tooltip.entry.js +3 -3
- package/dist/esm/bromcom-ui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/react/components.ts +12 -0
- package/dist/types/components/attendance/attendance.component.d.ts +41 -0
- package/dist/types/components.d.ts +79 -0
- package/package.json +1 -1
- package/dist/bromcom-ui/p-1b4384aa.entry.js +0 -1
- package/dist/bromcom-ui/p-37840600.entry.js +0 -1
- package/dist/bromcom-ui/p-5226eb99.entry.js +0 -1
- package/dist/bromcom-ui/p-5d06f874.entry.js +0 -1
- package/dist/bromcom-ui/p-70908292.entry.js +0 -1
- package/dist/bromcom-ui/p-90af9f04.entry.js +0 -1
- package/dist/bromcom-ui/p-b6e291a9.entry.js +0 -1
- package/dist/bromcom-ui/p-b8001f36.entry.js +0 -1
- package/dist/bromcom-ui/p-eb46701d.entry.js +0 -1
- package/dist/bromcom-ui/p-f82bd7b9.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c,h as r}from"./p-BSFYtcqL.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:"8ad5584c9279bcd53ec71161c2ec937e4d6e3edc",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:"04c00866c3616ac5d32ba74559dd2d39d3a1fe34"}),this.dismissible&&r("bcm-icon",{key:"c3f2394d92acbd277d96a5da953ebf1c81ff0607",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,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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as r,h as t}from"./p-BSFYtcqL.js";import{t as
|
|
1
|
+
import{r as e,c as r,h as t}from"./p-BSFYtcqL.js";import{t as a}from"./p-CEcVC0yX.js";const i=class{constructor(t){e(this,t),this.bcmDismiss=r(this,"bcmDismiss",7)}status="default";size="medium";kind="filled";dismissible=!0;showStatusIcon=!0;bcmDismiss;onDismiss(){this.bcmDismiss.emit()}getStatusIcon(){return{info:"fa-regular fa-info-circle",error:"fa-regular fa-exclamation-circle",warning:"fa-regular fa-exclamation-triangle",success:"fa-regular fa-check-circle"}[this.status]}get alertClass(){return a({slots:{base:"alert bcm-ui-element font-medium flex w-full items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3",section:"flex items-center gap-2"},variants:{size:{small:{base:"py-1.5 text-size-4"},medium:{base:"py-2 text-size-5"},large:{base:"py-2.5 text-size-6"}}}},{twMerge:!1})}get alertStyles(){let e={info:"var(--bcm-ui-color-background-palette-blue-default)",error:"var(--bcm-ui-color-background-palette-red-default)",warning:"var(--bcm-ui-color-background-palette-yellow-default)",success:"var(--bcm-ui-color-background-palette-green-default)",default:"var(--bcm-ui-color-background-palette-gray-default)"},r={info:"var(--bcm-ui-color-text-info)",error:"var(--bcm-ui-color-text-error)",warning:"var(--bcm-ui-color-text-warning)",success:"var(--bcm-ui-color-text-success)",default:"var(--bcm-ui-color-text-default)"};const t=this.status in e?this.status:"default";return"filled"===this.kind?{"--bcm-alert-bg":e[t],"--bcm-alert-text":r[t]}:{"--bcm-alert-bg":"transparent","--bcm-alert-text":r[t]}}render(){const{base:e,section:r}=this.alertClass({size:this.size});return t("div",{key:"51e98e60947d77647a80c015747b98e06417b383",role:"alert","aria-live":"assertive","aria-atomic":"true",class:e(),style:this.alertStyles},t("div",{key:"ef4129d4aee61f30165b8a47e5d4294470435d08",class:r()+" flex-1 min-w-0"},this.showStatusIcon&&t("bcm-icon",{key:"3565ccb12b1a3a731b1f489da0e36018a3301e65","icon-name":this.getStatusIcon()}),t("div",{key:"f1aa781bba466f8d4a584edc3f2a2a50b6c2d7c3",class:"min-w-0"},t("slot",{key:"8513e2a9da2fa1fadedac0f82614e9f8cce1a74f"}))),t("div",{key:"4accb8cedc4ac45c4a9a1c5ea7d1dab05aea7c74",class:r()+" flex-shrink-0"},t("div",{key:"e9fca46688db4b0ff11c59fba59166127fac0762",part:"action"},t("slot",{key:"c5eb3417f28ada04570e4076d1c54572db4528f5",name:"action"})),t("span",{key:"c41fecfec7f18ea0dffda561754fd55afa70ff95",part:"icon"},this.dismissible&&t("bcm-icon",{key:"12e45f8ad0e40955ea68a17eaaa614ee644624ef",onClick:()=>this.onDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark"}))))}};i.style=".flex{display:flex}:host{--bcm-alert-bg:var(--bcm-ui-color-background-default-default);--bcm-alert-text:var(--bcm-ui-color-text-default);--bcm-alert-radius:6px;display:flex;width:100%}.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,Inter Variable,sans-serif}.static{position:static}.relative{position:relative}.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}.flex-shrink-0{flex-shrink:0}.rounded-\\[--bcm-alert-radius\\]{border-radius:var(--bcm-alert-radius)}.bg-\\[--bcm-alert-bg\\]{background-color:var(--bcm-alert-bg)}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.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-\\[--bcm-alert-text\\]{color:var(--bcm-alert-text)}";export{i as bcm_alert}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as e,a as t,h as s,H as i}from"./p-BSFYtcqL.js";const o=class{constructor(t){a(this,t),this.bcmTabClick=e(this,"bcmTabClick",5)}get el(){return t(this)}value;label;disabled=!1;active=!1;size="md";bcmTabClick;render(){return s(i,{key:"e682d33f66ba04c1a24fd66b3e8578dee0ed1c5d",role:"tabpanel","aria-labelledby":`tab-${this.value}`,id:`panel-${this.value}`,"aria-hidden":(!this.active).toString(),style:{display:this.active?"block":"none"}},s("div",{key:"862a1ccc368dd3f6cf68b0ce6f4be051c861f3b2",class:"bcm-ui-element tab-panel p-4"},s("slot",{key:"e6c6b000797db3f40f5b6ce46ec345d38f1a2c29"})))}};o.style=".block{display:block}:host{display:none}:host([active]){display:block}.tab-panel{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.p-4{padding:1rem}.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{o as bcm_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-BSFYtcqL.js";import{c as o}from"./p-BfTCfPZ1.js";const i={ctrl:"⌘",alt:"⌥",shift:"⇧",del:"⌫",delete:"⌫",backspace:"⌦",enter:"⏎",return:"⏎"},r=class{constructor(e){t(this,e)}hotkey;size="small";isMac=/Mac/.test(window.navigator.userAgent);getHotkey(t){return t?this.isMac&&(t.includes(" ")||t.includes("+"))?t.split(/[\s+]+/).map((t=>i[t]||t)).join(""):t:""}render(){const{size:t,hotkey:i}=this;return e("div",{key:"
|
|
1
|
+
import{r as t,h as e}from"./p-BSFYtcqL.js";import{c as o}from"./p-BfTCfPZ1.js";const i={ctrl:"⌘",alt:"⌥",shift:"⇧",del:"⌫",delete:"⌫",backspace:"⌦",enter:"⏎",return:"⏎"},r=class{constructor(e){t(this,e)}hotkey;size="small";isMac=/Mac/.test(window.navigator.userAgent);getHotkey(t){return t?this.isMac&&(t.includes(" ")||t.includes("+"))?t.split(/[\s+]+/).map((t=>i[t]||t)).join(""):t:""}render(){const{size:t,hotkey:i}=this;return e("div",{key:"9eab400623bc3336a5a2a4cfd5ef32df04c1332c",class:o("bcm-ui-element bcm-ui-content-display","block h-fit w-fit rounded border border-solid px-1","border-color-default bg-color-default text-color-default","text-center font-medium capitalize",{"text-size-2":"small"===t,"text-size-3":"medium"===t,"text-size-4":"large"===t})},this.getHotkey(i))}};r.style=":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.block{display:block}.h-fit{height:fit-content}.w-fit{width:fit-content}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.px-1{padding-left:.25rem;padding-right:.25rem}.text-center{text-align:center}.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)}.font-medium{font-weight:500}.capitalize{text-transform:capitalize}.text-color-default{color:var(--bcm-ui-color-text-default)}.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{r as bcm_shortcut}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-D41CGfnr.js');
|
|
4
4
|
|
|
5
|
-
const accordionGroupCss = () => `.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,Inter Variable,sans-serif}.collapse{visibility:collapse}.
|
|
5
|
+
const accordionGroupCss = () => `.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,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)}`;
|
|
6
6
|
|
|
7
7
|
const BcmAccordionGroup = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -81,7 +81,7 @@ const BcmAccordionGroup = class {
|
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
return (index.h("div", { key: '
|
|
84
|
+
return (index.h("div", { key: '57202468d175ed9ab0e40c7601c186731ef6db75', 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" }, index.h("slot", { key: '3d3918076c44aec985d19aa0cfaa7b1c03414fc0', onSlotchange: this.handleSlotChange })));
|
|
85
85
|
}
|
|
86
86
|
};
|
|
87
87
|
BcmAccordionGroup.style = accordionGroupCss();
|
|
@@ -127,12 +127,12 @@ const BcmAccordion = class {
|
|
|
127
127
|
hasFooterContent: this.hasFooterContent || !!this.hintText,
|
|
128
128
|
expanded: this.expanded,
|
|
129
129
|
});
|
|
130
|
-
return (index.h("div", { key: '
|
|
130
|
+
return (index.h("div", { key: '9c83659267354c8bd3020943a0b1249546dce1f1', class: container() }, index.h("header", { key: '0bed1927fe623f6811c7fbf75c6525bf5bcb66a9', class: header(), role: "button", tabindex: "0", "aria-expanded": this.expanded.toString(), "aria-controls": "accordion-content", onKeyDown: e => {
|
|
131
131
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
132
132
|
e.preventDefault();
|
|
133
133
|
this.toggle();
|
|
134
134
|
}
|
|
135
|
-
}, onClick: () => this.toggle() }, index.h("slot", { key: '
|
|
135
|
+
}, onClick: () => this.toggle() }, index.h("slot", { key: '60a538d30c687a3691cc5ceaec13be86d5634bfc', name: "title" }, this.headerTitle), index.h("div", { key: 'eb8c3731f212eeef7a9fe465346244de668d3f4b', class: rightSection() }, index.h("span", { key: 'e7dd00840cf11d5bd117f501bb8ae67e5ece4b26', onClick: e => e.stopPropagation() }, index.h("slot", { key: '7d3276e04dead179ab451213a2467b5184622a1c', name: "actions" })), index.h("bcm-icon", { key: '7ec0e909fe71724621c3f92c21c02b839209cdaa', name: "fa-regular fa-chevron-down", class: icon() }))), index.h("div", { key: '3448118d97a7d8e254acac2e9570a7126cc9c189', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, index.h("div", { key: '773aeff390e0fccf64448ef94e65f1b3d26cc899', class: "px-4 py-2" }, index.h("slot", { key: '0077fdfe18121813c0d1694bb5a0b00c16da0376' })), index.h("footer", { key: 'e501c04b8f4b3e49fded6bfb45a179dd3a312921', class: footer() }, index.h("slot", { key: '4a171d164bf8c3577d4f5802167a0c5e58f04898', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
BcmAccordion.style = accordionCss();
|
|
@@ -86,7 +86,7 @@ const BcmAlert = class {
|
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
88
|
const { base, section } = this.alertClass({ size: this.size });
|
|
89
|
-
return (index.h("div", { key: '
|
|
89
|
+
return (index.h("div", { key: '51e98e60947d77647a80c015747b98e06417b383', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, index.h("div", { key: 'ef4129d4aee61f30165b8a47e5d4294470435d08', class: section() + " flex-1 min-w-0" }, this.showStatusIcon && index.h("bcm-icon", { key: '3565ccb12b1a3a731b1f489da0e36018a3301e65', "icon-name": this.getStatusIcon() }), index.h("div", { key: 'f1aa781bba466f8d4a584edc3f2a2a50b6c2d7c3', class: "min-w-0" }, index.h("slot", { key: '8513e2a9da2fa1fadedac0f82614e9f8cce1a74f' }))), index.h("div", { key: '4accb8cedc4ac45c4a9a1c5ea7d1dab05aea7c74', class: section() + " flex-shrink-0" }, index.h("div", { key: 'e9fca46688db4b0ff11c59fba59166127fac0762', part: "action" }, index.h("slot", { key: 'c5eb3417f28ada04570e4076d1c54572db4528f5', name: "action" })), index.h("span", { key: 'c41fecfec7f18ea0dffda561754fd55afa70ff95', part: "icon" }, this.dismissible && index.h("bcm-icon", { key: '12e45f8ad0e40955ea68a17eaaa614ee644624ef', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
|
|
90
90
|
}
|
|
91
91
|
};
|
|
92
92
|
BcmAlert.style = alertCss();
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-D41CGfnr.js');
|
|
4
|
+
var tv = require('./tv-ngpIbGlG.js');
|
|
5
|
+
|
|
6
|
+
const attendanceCss = () => `:host{display:inline-flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.h-\\[14px\\]{height:14px}.w-\\[7px\\]{width:7px}.w-fit{width:fit-content}.flex-row{flex-direction:row}.items-center{align-items:center}.gap-0\\.5{gap:.125rem}.gap-\\[1px\\]{gap:1px}.rounded-l-full{border-bottom-left-radius:var(--bcm-ui-border-radius-full,9999px);border-top-left-radius:var(--bcm-ui-border-radius-full,9999px)}.rounded-r-full{border-bottom-right-radius:var(--bcm-ui-border-radius-full,9999px);border-top-right-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-color-default-active{background-color:var(--bcm-ui-color-background-default-active)}.bg-color-error{background-color:var(--bcm-ui-color-background-error-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-color-success{background-color:var(--bcm-ui-color-background-success-default)}.bg-color-warning{background-color:var(--bcm-ui-color-background-warning-default)}.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-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)}.hover\\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.hover\\:bg-color-error-hover:hover{background-color:var(--bcm-ui-color-background-error-hover)}.hover\\:bg-color-primary-hover:hover{background-color:var(--bcm-ui-color-background-primary-hover)}.hover\\:bg-color-success-hover:hover{background-color:var(--bcm-ui-color-background-success-hover)}.hover\\:bg-color-warning-hover:hover{background-color:var(--bcm-ui-color-background-warning-hover)}`;
|
|
7
|
+
|
|
8
|
+
const Attendance = class {
|
|
9
|
+
constructor(hostRef) {
|
|
10
|
+
index.registerInstance(this, hostRef);
|
|
11
|
+
}
|
|
12
|
+
get el() { return index.getElement(this); }
|
|
13
|
+
/**
|
|
14
|
+
* Data for attendance items to be displayed.
|
|
15
|
+
* Can be passed as a JSON string (HTML attribute) or a JavaScript Array (Property).
|
|
16
|
+
*
|
|
17
|
+
* Format: Array of objects with `weekday`, `am`, and `pm` properties.
|
|
18
|
+
* Status values: 'present', 'late', 'absent', 'other', 'default'.
|
|
19
|
+
*
|
|
20
|
+
* @type {string | AttendanceItem[]}
|
|
21
|
+
* @default []
|
|
22
|
+
*/
|
|
23
|
+
data = [];
|
|
24
|
+
_data = [];
|
|
25
|
+
componentWillLoad() {
|
|
26
|
+
this.parseData(this.data);
|
|
27
|
+
}
|
|
28
|
+
dataHandler(newValue) {
|
|
29
|
+
this.parseData(newValue);
|
|
30
|
+
}
|
|
31
|
+
parseData(value) {
|
|
32
|
+
if (typeof value === 'string') {
|
|
33
|
+
try {
|
|
34
|
+
this._data = JSON.parse(value);
|
|
35
|
+
}
|
|
36
|
+
catch (e) {
|
|
37
|
+
console.warn('BcmAttendance: Invalid JSON string in data attribute', e);
|
|
38
|
+
this._data = [];
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
this._data = Array.isArray(value) ? value : [];
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
attendanceStyles = tv.tv({
|
|
46
|
+
slots: {
|
|
47
|
+
base: 'bcm-ui-element bcm-attendance inline-flex items-center flex-row gap-0.5 w-fit',
|
|
48
|
+
item: 'flex flex-row items-center gap-[1px]',
|
|
49
|
+
indicator: 'block w-[7px] h-[14px] transition-colors',
|
|
50
|
+
},
|
|
51
|
+
variants: {
|
|
52
|
+
status: {
|
|
53
|
+
present: { indicator: 'bg-color-success hover:bg-color-success-hover' },
|
|
54
|
+
late: { indicator: 'bg-color-warning hover:bg-color-warning-hover' },
|
|
55
|
+
absent: { indicator: 'bg-color-error hover:bg-color-error-hover' },
|
|
56
|
+
other: { indicator: 'bg-color-primary hover:bg-color-primary-hover' },
|
|
57
|
+
default: { indicator: 'bg-color-default-active hover:bg-color-default-hover' },
|
|
58
|
+
},
|
|
59
|
+
period: {
|
|
60
|
+
am: { indicator: 'rounded-l-full' },
|
|
61
|
+
pm: { indicator: 'rounded-r-full' },
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
render() {
|
|
66
|
+
const { base, item, indicator } = this.attendanceStyles();
|
|
67
|
+
return (index.h(index.Host, { key: 'a0bedc4e15f08faff785a8d6f3f1ceeefd4af10f', class: base() }, this._data.map(entry => (index.h("div", { class: item() }, index.h("bcm-tooltip", { trigger: "hover", message: `${entry.weekday || ''} / AM`, "aria-label": `${entry.weekday || ''} / AM` }, index.h("span", { class: indicator({ status: entry.am || 'default', period: 'am' }) })), index.h("bcm-tooltip", { trigger: "hover", message: `${entry.weekday || ''} / PM`, "aria-label": `${entry.weekday || ''} / PM` }, index.h("span", { class: indicator({ status: entry.pm || 'default', period: 'pm' }) })))))));
|
|
68
|
+
}
|
|
69
|
+
static get watchers() { return {
|
|
70
|
+
"data": [{
|
|
71
|
+
"dataHandler": 0
|
|
72
|
+
}]
|
|
73
|
+
}; }
|
|
74
|
+
};
|
|
75
|
+
Attendance.style = attendanceCss();
|
|
76
|
+
|
|
77
|
+
exports.bcm_attendance = Attendance;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-D41CGfnr.js');
|
|
4
4
|
var tv = require('./tv-ngpIbGlG.js');
|
|
5
5
|
|
|
6
|
-
const badgeCss = () => `.relative{position:relative}: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-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-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)}.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}}.
|
|
6
|
+
const badgeCss = () => `.relative{position:relative}: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-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-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)}.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}}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.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))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.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)}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\\:rounded-full:after{border-radius:var(--bcm-ui-border-radius-full,9999px);content:var(--tw-content)}.after\\:bg-\\[--bcm-badge-bg\\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}`;
|
|
7
7
|
|
|
8
8
|
const Badge = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -134,7 +134,7 @@ const Badge = class {
|
|
|
134
134
|
};
|
|
135
135
|
}
|
|
136
136
|
render() {
|
|
137
|
-
return (index.h("div", { key: '
|
|
137
|
+
return (index.h("div", { key: '1e9841224a0b1b569e407787177ae5ee8bf35efc', class: "relative inline-flex" }, index.h("slot", { key: '38e4b7d8ed005bab0b4f6019bb723050110712d7' }), index.h("div", { key: 'c1a43e186eb6d419b15913f1a1d0f6da066e98b0', role: "status", "aria-live": "polite", "aria-label": this.status ? `Status: ${this.status}` : undefined, class: this.classes({
|
|
138
138
|
size: this.size,
|
|
139
139
|
variant: this.variant,
|
|
140
140
|
position: this.position,
|
|
@@ -142,7 +142,7 @@ const Badge = class {
|
|
|
142
142
|
}), style: {
|
|
143
143
|
...this.badgeStyle,
|
|
144
144
|
...this.offsetStyle,
|
|
145
|
-
} }, this.variant == 'text' && index.h("slot", { key: '
|
|
145
|
+
} }, this.variant == 'text' && index.h("slot", { key: 'b64583f68dc80fad924c75b8a72f3375d3da2407', name: "badge" }, this.text))));
|
|
146
146
|
}
|
|
147
147
|
};
|
|
148
148
|
Badge.style = badgeCss();
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-D41CGfnr.js');
|
|
4
4
|
var tv = require('./tv-ngpIbGlG.js');
|
|
5
5
|
|
|
6
|
-
const basicBadgeCss = () => `: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,Inter Variable,sans-serif}.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)}`;
|
|
6
|
+
const basicBadgeCss = () => `: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,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)}`;
|
|
7
7
|
|
|
8
8
|
const BasicBadge = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -90,10 +90,10 @@ const BasicBadge = class {
|
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (index.h("span", { key: '
|
|
93
|
+
return (index.h("span", { key: '45b4c9f4c7ab8b9948264f76eeb5cfe24e516bd1', part: "base", role: "status", "aria-live": "polite", style: this.badgeStyle, class: this.classes({
|
|
94
94
|
size: this.size,
|
|
95
95
|
variant: this.variant,
|
|
96
|
-
}) }, this.variant === 'text' && (index.h("span", { key: '
|
|
96
|
+
}) }, this.variant === 'text' && (index.h("span", { key: 'd8f8b1156fca7b25413811833eb1991dcadc7e72', class: "badge-content" }, index.h("slot", { key: '4ef189eb3f9b99a01bed5077e5010fc455ba2721' })))));
|
|
97
97
|
}
|
|
98
98
|
};
|
|
99
99
|
BasicBadge.style = basicBadgeCss();
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-D41CGfnr.js');
|
|
4
4
|
var tv = require('./tv-ngpIbGlG.js');
|
|
5
5
|
|
|
6
|
-
const buttonGroupCss = () => `.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,Inter Variable,sans-serif}.
|
|
6
|
+
const buttonGroupCss = () => `.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,Inter Variable,sans-serif}.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)}`;
|
|
7
7
|
|
|
8
8
|
const BcmButtonGroup = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -93,10 +93,10 @@ const BcmButtonGroup = class {
|
|
|
93
93
|
twMerge: false,
|
|
94
94
|
});
|
|
95
95
|
render() {
|
|
96
|
-
return (index.h(index.Host, { key: '
|
|
96
|
+
return (index.h(index.Host, { key: '8d88cf214197d97f7c006286c85d631b0921d662' }, index.h("div", { key: 'd597a5f10e5fc5f050924bd48c764b9aeafbc672', class: this.buttonGroupClass({
|
|
97
97
|
orientation: this.orientation,
|
|
98
98
|
fullWidth: this.fullWidth,
|
|
99
|
-
}) }, index.h("slot", { key: '
|
|
99
|
+
}) }, index.h("slot", { key: 'e167d1694667140bf970f8f2eb4ad9266fd71681' }))));
|
|
100
100
|
}
|
|
101
101
|
};
|
|
102
102
|
BcmButtonGroup.style = buttonGroupCss();
|
|
@@ -145,7 +145,7 @@ const variantOptions = {
|
|
|
145
145
|
},
|
|
146
146
|
};
|
|
147
147
|
|
|
148
|
-
const buttonCss = () => `.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,Inter Variable,sans-serif}.
|
|
148
|
+
const buttonCss = () => `.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,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,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}.font-medium{font-weight:500}.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)}`;
|
|
149
149
|
|
|
150
150
|
const BcmButton = class {
|
|
151
151
|
constructor(hostRef) {
|
|
@@ -322,14 +322,14 @@ const BcmButton = class {
|
|
|
322
322
|
});
|
|
323
323
|
render() {
|
|
324
324
|
const { icon, position } = this.buttonIcon;
|
|
325
|
-
return (index.h(index.Host, { key: '
|
|
325
|
+
return (index.h(index.Host, { key: '1ea99318b31838afec9ae3a2184b51e5f6fa2e4d' }, index.h("button", { key: '78e0a1605edd296608de28803815065447ec6079', 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({
|
|
326
326
|
size: this.size,
|
|
327
327
|
kind: this.kind,
|
|
328
328
|
fullWidth: this.fullWidth,
|
|
329
329
|
disabled: this.disabled,
|
|
330
330
|
loading: this.loading,
|
|
331
331
|
position: this.position,
|
|
332
|
-
}) }, this.loading && index.h("slot", { key: '
|
|
332
|
+
}) }, this.loading && index.h("slot", { key: '36c82ea5ad85660118f17ceb7a8929187ddc9dd9', name: "loading" }), index.h("span", { key: '37f8857e1582ee85bae803344eaa920d7c07fe0e' }, index.h("slot", { key: '5e25f2acebccb178deba44c949a4adc38f2d3b14', name: "prefix" }, position === 'prefix' && icon && index.h("i", { key: 'f297d627a2bfef386a09af9c429d2e7f450ad329', class: ' leading-none ' + icon }))), index.h("slot", { key: 'a6eeddad54e1e9aabadc146dd437706534df80f6' }, this.buttonText), index.h("span", { key: '4f55c951cd643a0f1eeb75230252095f616276d5' }, index.h("slot", { key: 'd7a5132f14ba3ccc9a74f758fc75666837202456', name: "suffix" }, position === 'suffix' && icon && index.h("i", { key: '78e6d3077c97b6ba38793336ef5bb5b7d4251566', class: ' leading-none ' + icon }))))));
|
|
333
333
|
}
|
|
334
334
|
};
|
|
335
335
|
BcmButton.style = buttonCss();
|
|
@@ -319,7 +319,7 @@ const Checkbox = class extends baseChoiceControl.BaseChoiceControl {
|
|
|
319
319
|
labelPosition: this.labelPosition,
|
|
320
320
|
});
|
|
321
321
|
const internalId = (this._id ? `${this._id}-internal-checkbox` : undefined) ?? this.name ?? 'bcm-checkbox';
|
|
322
|
-
return (index.h("div", { key: '
|
|
322
|
+
return (index.h("div", { key: '1439de99bbd34bf79e8c4aab73e53ad7210889cf', class: root(), style: this.getStyles(), part: "checkbox" }, index.h("div", { key: '11b06ec19eee1795dc5c38838fe8140d987aca05', class: row() }, index.h("div", { key: '58349e8fc657776c99e24abe6f7fe5f245f15b7f', class: "relative inline-flex" }, index.h("input", { key: '0effd2f01aa147bce8c9a0af237ed37292805a2b', ref: el => (this.inputElement = el), type: "checkbox", role: "checkbox", id: internalId, name: this.name, checked: this.internalChecked, indeterminate: this.indeterminate, disabled: this.disabled, class: hiddenInput(), "aria-checked": this.internalChecked ? 'true' : this.indeterminate ? 'mixed' : 'false', "aria-invalid": this.error, "aria-required": this.required, "aria-label": this.label || 'Checkbox', onChange: this.handleChange, part: "input" }), index.h("div", { key: '5c1c6fbd7f3a651f5dcbb445019c6c68f3f1482f', class: checkbox(), part: "control", onClick: () => this.inputElement?.click() }, this.internalChecked && (index.h("div", { key: '982565dc34854eb2992d7c37b5c79f48aad81fde', class: iconContainer(), part: "icon" }, index.h("bcm-icon", { key: '27edfb270f68a8e2579d7ddda1d2c7db74e69cb1', name: "fa-regular fa-check" }))), this.indeterminate && !this.internalChecked && (index.h("div", { key: 'b42c459bc20d2cb3992b72e19e1cb0b307aaa7aa', class: iconContainer(), part: "icon" }, index.h("bcm-icon", { key: '01c0e0d5aeb32f962699c80dfcfd4b85ea315e19', name: "fa-regular fa-minus" }))))), index.h("label", { key: '01a0c46e1d5a5e839e6316416856b8928b3b380f', htmlFor: internalId, class: label(), part: "label" }, index.h("slot", { key: 'f874e503e169b3296f31002ad739d978fdb4b37f' }, this.label))), this.error && this.caption && (index.h("span", { key: 'd8453e0638c46c59e6bcbb58340b4b0eb679c863', class: caption(), part: "caption" }, this.caption))));
|
|
323
323
|
}
|
|
324
324
|
static get formAssociated() { return true; }
|
|
325
325
|
static get watchers() { return {
|
|
@@ -11,7 +11,7 @@ const STATUS_COLORS = {
|
|
|
11
11
|
primary: 'primary',
|
|
12
12
|
};
|
|
13
13
|
|
|
14
|
-
const chipCss = () => `: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,Inter Variable,sans-serif}.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)}`;
|
|
14
|
+
const chipCss = () => `: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,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)}`;
|
|
15
15
|
|
|
16
16
|
const BcmChip = class {
|
|
17
17
|
constructor(hostRef) {
|
|
@@ -121,7 +121,7 @@ const BcmChip = class {
|
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
render() {
|
|
124
|
-
return (index.h("div", { key: '
|
|
124
|
+
return (index.h("div", { key: '8ad5584c9279bcd53ec71161c2ec937e4d6e3edc', style: this.chipStyle, class: this.chipClass({ size: this.size, kind: this.kind, disabled: this.disabled }), role: "button", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '04c00866c3616ac5d32ba74559dd2d39d3a1fe34' }), this.dismissible && index.h("bcm-icon", { key: 'c3f2394d92acbd277d96a5da953ebf1c81ff0607', onClick: () => this.handleDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark", "aria-label": "Dismiss chip" })));
|
|
125
125
|
}
|
|
126
126
|
};
|
|
127
127
|
BcmChip.style = chipCss();
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-D41CGfnr.js');
|
|
4
4
|
var tv = require('./tv-ngpIbGlG.js');
|
|
5
5
|
|
|
6
|
-
const dividerCss = () => `.block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.
|
|
6
|
+
const dividerCss = () => `.block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}`;
|
|
7
7
|
|
|
8
8
|
const Divider = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -64,7 +64,7 @@ const Divider = class {
|
|
|
64
64
|
twMerge: false,
|
|
65
65
|
});
|
|
66
66
|
render() {
|
|
67
|
-
return (index.h("div", { key: '
|
|
67
|
+
return (index.h("div", { key: 'c59fec0ff25d3b31c456397b2a8df25faebfae05', role: "separator", "aria-orientation": this.direction, class: this.dividerClass({
|
|
68
68
|
direction: this.direction,
|
|
69
69
|
variant: this.variant,
|
|
70
70
|
size: this.size,
|
|
@@ -320,7 +320,7 @@ const BcmDrawer = class {
|
|
|
320
320
|
noHeader: this.noHeader,
|
|
321
321
|
noFooter: this.noFooter,
|
|
322
322
|
});
|
|
323
|
-
return (index.h("dialog", { key: '
|
|
323
|
+
return (index.h("dialog", { key: '81c5658630bb4ee4f4693d551f6bdccea2776b3d', ref: el => (this.dialogRef = el), part: "dialog", class: dialog(), onClick: this.handleBackdropClick, onCancel: this.handleDialogCancel, "aria-labelledby": "drawer-title", "aria-describedby": this.helperText ? 'drawer-helper' : undefined, "aria-modal": "true" }, index.h("div", { key: 'eb53ad80389cf56f25788ab7580e833e11b4d06e', part: "container", class: container() }, index.h("div", { key: '5bf4d7fe05ba209403a798b6caac63d921ff7785', part: "drawer", class: drawer(), style: this.getDrawerStyle(), role: "document", onClick: this.handleDrawerClick }, !this.noHeader && (index.h("div", { key: 'e2e8e7d9e3d54c51b4a7a898bf47c88011da1108', part: "header", class: header() }, index.h("div", { key: '9868e6c9f5227ca0dc1883e2c75e778c0c1b8d51', part: "header-content", class: headerContent() }, index.h("h2", { key: '1c5866d24a311f737697a895fe3fa3335dffe1b0', id: "drawer-title", part: "title", class: title() }, index.h("slot", { key: '04b5dc29029a92bf34dad488e861cf40df53b3e9', name: "header" }, this.headerText)), this.helperText && (index.h("p", { key: '0c9840a5dbbcfb71157ce12b1b5bc1161a3b5824', id: "drawer-helper", part: "helper-text", class: helperText() }, index.h("slot", { key: '6d58894a15b2031a75b965334116e9da0ef131f7', name: "helper" }, this.helperText)))), index.h("button", { key: 'b11945796962da08c7d1b23f9337892aa3e654f4', part: "close-button", class: closeButton(), onClick: () => this.hide(), "aria-label": "Close drawer", type: "button" }, index.h("bcm-icon", { key: '1f211c596717d8172e4485c7f1a6d86e2c9a7079', name: "fa-solid fa-xmark" })))), index.h("div", { key: '3612001d93962defead3e2fd8b2b5cbe196ad54b', part: "content", class: content() }, index.h("slot", { key: '162f338b88e42b3073eaa151885ed8804d246bf4' })), !this.noFooter && (index.h("div", { key: '0af0db53c5a7846c9677bd0535f1fe4aac50cbc3', part: "footer", class: footer() }, index.h("slot", { key: 'ddf81921c31b0649f13d1d57a0c645b73a6747ef', name: "footer" })))))));
|
|
324
324
|
}
|
|
325
325
|
static get watchers() { return {
|
|
326
326
|
"open": [{
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-D41CGfnr.js');
|
|
4
4
|
var tv = require('./tv-ngpIbGlG.js');
|
|
5
5
|
|
|
6
|
-
const dropdownItemCss = () => `.flex{display:flex}:host{display:inline-block;width:100%}::slotted([slot=left-content]){align-items:center;display:flex;flex-direction:row;gap:8px}::slotted([slot=right-content]){align-items:center;display:flex;flex-direction:row;gap:8px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.gap-2{gap:.5rem}.text-pretty{text-wrap:pretty}.bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]{background-color:var(--bcm-ui-color-background-base-active)}.bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]{background-color:var(--bcm-ui-color-background-palette-red-default)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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-\\[var\\(--bcm-ui-color-background-base-active\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-active)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-hover\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-hover)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]:hover{background-color:var(--bcm-ui-color-background-palette-red-default)}`;
|
|
6
|
+
const dropdownItemCss = () => `.flex{display:flex}:host{display:inline-block;width:100%}::slotted([slot=left-content]){align-items:center;display:flex;flex-direction:row;gap:8px}::slotted([slot=right-content]){align-items:center;display:flex;flex-direction:row;gap:8px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.gap-2{gap:.5rem}.text-pretty{text-wrap:pretty}.bg-\\[var\\(--bcm-ui-color-background-base-active\\)\\]{background-color:var(--bcm-ui-color-background-base-active)}.bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]{background-color:var(--bcm-ui-color-background-palette-red-default)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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-\\[var\\(--bcm-ui-color-background-base-active\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-active)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-base-hover\\)\\]:hover{background-color:var(--bcm-ui-color-background-base-hover)}.hover\\:bg-\\[var\\(--bcm-ui-color-background-palette-red-default\\)\\]:hover{background-color:var(--bcm-ui-color-background-palette-red-default)}`;
|
|
7
7
|
|
|
8
8
|
const DropdownItem = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -50,10 +50,10 @@ const DropdownItem = class {
|
|
|
50
50
|
twMerge: false,
|
|
51
51
|
});
|
|
52
52
|
render() {
|
|
53
|
-
return (index.h("div", { key: '
|
|
53
|
+
return (index.h("div", { key: 'd1556f355242b946fe8dd9474345f68e63057456', "aria-checked": this.selected, class: this.dropdownItemClass({
|
|
54
54
|
selected: this.selected,
|
|
55
55
|
error: this.error,
|
|
56
|
-
}), onClick: () => this.handleClick() }, index.h("slot", { key: '
|
|
56
|
+
}), onClick: () => this.handleClick() }, index.h("slot", { key: 'a90f641dd9028cf1133eed3012146dd009b7d539', name: "left-content" }, this.icon && index.h("bcm-icon", { key: '285f9e5be9f469b21fa13c869e998fdaea4e33ad', "icon-name": this.icon })), index.h("div", { key: '88ed52038a89adcc295722f913adf0f6ea35380c', class: "flex flex-row text-pretty w-full" }, index.h("slot", { key: 'eda2b44a8c725f1754ad86c5abe4b67236b0ff0b' }, this.text)), index.h("slot", { key: '4b05ed73283c11d3e789311fa82e8915abafce99', name: "right-content" }, this.rightIcons?.map(icon => (index.h("bcm-icon", { "icon-name": icon }))))));
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
DropdownItem.style = dropdownItemCss();
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-D41CGfnr.js');
|
|
4
4
|
var tv = require('./tv-ngpIbGlG.js');
|
|
5
5
|
|
|
6
|
-
const dropdownCss = () => `.visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.
|
|
6
|
+
const dropdownCss = () => `.visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,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}`;
|
|
7
7
|
|
|
8
8
|
const Dropdown = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -36,7 +36,7 @@ const Dropdown = class {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
render() {
|
|
39
|
-
return (index.h(index.Host, { key: '
|
|
39
|
+
return (index.h(index.Host, { key: '2faadef3d5fb0ff1e0b0f1bed6aa63c64c220264' }, index.h("bcm-linked", { key: 'f81c8bebe44deff74f3a4e688d70633ca8d24a19', trigger: "click", placement: "bottom-start" }, index.h("bcm-button", { key: 'fb0c175118ec4dfdbe58afed227033c62cad12da', kind: "outline", slot: "trigger" }, index.h("span", { key: 'ab8ed34151b645cf2b82b1bc1932c7c8762f37b0', part: "text" }, this.text)), index.h("div", { key: 'c3e2c0a26c622c60bd283d68bc583c59c20e8ecd', part: "dropdown-container", class: this.dropdownClass() }, index.h("slot", { key: '872b04b80f3b61b6a8fed1570a2053f1942b468d', onSlotchange: this.handleSlotChange })))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
Dropdown.style = dropdownCss();
|
|
@@ -539,7 +539,7 @@ const BcmFileUpload = class {
|
|
|
539
539
|
size: this.size,
|
|
540
540
|
disabled: this.disabled,
|
|
541
541
|
});
|
|
542
|
-
return (index.h(index.Host, { key: '
|
|
542
|
+
return (index.h(index.Host, { key: '578595fad2bb4f1dc054f41bdbce80f64ce0d149', tabindex: "-1" }, index.h("div", { key: '7bf66fe77a7821b6963dace141bc52d179081679', class: container() }, this.label && (index.h("label", { key: 'baf65b05de025bfb9d6c4b83ecd5e34a58cd84ca', part: "label", class: label() }, this.label)), this.renderUploadZone(), this.renderErrors(), this.files.length > 0 && (index.h("div", { key: '36b33db51f47da20a33e0a0747e98b8bc156ce13', part: "file-list", class: list() }, this.files.map(item => this.renderFileRow(item)))), this.caption && (index.h("span", { key: '753bc09179c1ae8e7726783d705480e28711584b', part: "caption", class: caption() }, this.caption)))));
|
|
543
543
|
}
|
|
544
544
|
static get formAssociated() { return true; }
|
|
545
545
|
static get watchers() { return {
|
|
@@ -372,14 +372,14 @@ const BcmInput = class {
|
|
|
372
372
|
disabled: this.disabled,
|
|
373
373
|
focused: this.isFocused,
|
|
374
374
|
});
|
|
375
|
-
return (index.h("div", { key: '
|
|
375
|
+
return (index.h("div", { key: 'f1416e171b7b003810be70e4ae52b5656fb636bc', class: "bcm-ui-element" }, this.label && (index.h("label", { key: '9a8dc3005ff12793bdcc22ac2f67296dbba9e1a9', class: index$1.classNames('input-label font-medium', {
|
|
376
376
|
'text-color-label': !this.disabled,
|
|
377
377
|
'text-color-disabled': this.disabled,
|
|
378
378
|
}, {
|
|
379
379
|
'text-size-3': this.size === 'small',
|
|
380
380
|
'text-size-4': this.size === 'medium',
|
|
381
381
|
'text-size-5': this.size === 'large',
|
|
382
|
-
}), htmlFor: inputId }, index.h("slot", { key: '
|
|
382
|
+
}), htmlFor: inputId }, index.h("slot", { key: 'a0effbf8991b1b7e0c7970d69039bc258432085a', name: "label" }, this.label), this.required && index.h("span", { key: '1da707cd979a59dc3795fe0f85909f9d4a622513' }, "*"))), index.h("div", { key: '0da7cc9a6e2a322a0bc58cf576920cc724cc42fe', class: base() }, (this.hasSlotContent('prefix') || this.prefixIcon || this.getDefaultIconForType()) && (index.h("div", { key: '77aa4803f97e37a1cd7f652d83ea6d22d7351ca6', class: "flex items-center gap-2 px-2" }, (this.prefixIcon || this.getDefaultIconForType()) && (index.h("bcm-icon", { key: '64da4cf7319d59e91fa9517e97fb8cded597c95f', class: "prefix-icon", "icon-name": this.prefixIcon || this.getDefaultIconForType(), size: this.iconSize })), index.h("slot", { key: '1c5f4008075babd9474e672a143f7eb54fe7ce24', name: "prefix" }))), index.h("input", { key: 'df9e0521d580f4b6022832ef3fcaf86b6508ee67', ref: el => (this.inputRef = el), id: inputId, class: inputClass(), type: this.type, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, autocomplete: this.autocomplete, minlength: this.minLength, maxlength: this.maxLength, min: this.min, max: this.max, step: this.step, pattern: this.pattern, "aria-invalid": this.status === 'error', "aria-required": this.required, "aria-labelledby": this.labelledby, "aria-describedby": this.describedby, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), (this.hasSlotContent('suffix') || this.suffixIcon) && (index.h("div", { key: 'b3cc3f4736d78d469b1addc994a1be516bdd5f2b', class: "flex items-center gap-2 px-2" }, index.h("slot", { key: '0f06aaf53a846749f94e72f6d632d17653121d97', name: "suffix" }), this.suffixIcon && index.h("bcm-icon", { key: '8b22ed0ac67d749b83b09c16fd1aec8141720fcf', class: "suffix-icon", "icon-name": this.suffixIcon, size: this.iconSize }))), this.PasswordToggleButton()), (this.captionText || this.internalErrorMessage || this.validationMessage) && (index.h("div", { key: '389bd6172582b601405c84b96375c6ad0aeb93e9', class: index$1.classNames('input-caption-text font-regular mt-1', {
|
|
383
383
|
'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',
|
|
384
384
|
'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),
|
|
385
385
|
'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',
|