bromcom-ui-next 0.1.39 → 0.1.41
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-5d06f874.entry.js → p-1cd205e3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-37840600.entry.js → p-278c8205.entry.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-65cb3344.entry.js +1 -0
- package/dist/bromcom-ui/{p-ad408c9a.entry.js → p-6e7221a1.entry.js} +1 -1
- 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-77bc4871.entry.js +1 -0
- package/dist/bromcom-ui/p-7b6131f4.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-b8001f36.entry.js → p-a687ff1b.entry.js} +1 -1
- package/dist/bromcom-ui/p-ac223daf.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-c9917155.entry.js} +1 -1
- 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-f81a81db.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 +3 -3
- package/dist/cjs/bcm-alert.cjs.entry.js +1 -1
- package/dist/cjs/bcm-attendance.cjs.entry.js +77 -0
- package/dist/cjs/bcm-avatar.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/bcm-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bcm-dropdown-item.cjs.entry.js +2 -2
- 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 +8 -8
- 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 +1 -1
- 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/accordion.css +1 -1
- 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/avatar/avatar.css +1 -1
- 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/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/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/segment.css +1 -1
- 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/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-2c_3ffq_.js → p-Cj7tjKxM.js} +1 -1
- package/dist/components/{p-BzObQIih.js → p-DWnYDhBg.js} +1 -1
- package/dist/esm/bcm-accordion-group.entry.js +2 -2
- package/dist/esm/bcm-accordion.entry.js +3 -3
- package/dist/esm/bcm-alert.entry.js +1 -1
- package/dist/esm/bcm-attendance.entry.js +75 -0
- package/dist/esm/bcm-avatar.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/bcm-drawer.entry.js +1 -1
- package/dist/esm/bcm-dropdown-item.entry.js +2 -2
- 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 +8 -8
- 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 +1 -1
- 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 +6 -1
- package/dist/bromcom-ui/p-1b4384aa.entry.js +0 -1
- package/dist/bromcom-ui/p-5226eb99.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-b8ec7192.entry.js +0 -1
- package/dist/bromcom-ui/p-c15f6486.entry.js +0 -1
- package/dist/bromcom-ui/p-eb46701d.entry.js +0 -1
- package/dist/bromcom-ui/p-f82bd7b9.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.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))}.text-wrap{text-wrap:wrap}.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-basic-panel);display:
|
|
1
|
+
.visible{visibility:visible}.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))}.text-wrap{text-wrap:wrap}.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-basic-panel);display:contents}[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)}}::slotted([slot=body]){text-wrap:pretty;font-family:Inter,sans-serif}.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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-64{max-width:16rem}.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}.flex-col{flex-direction:column}.items-center{align-items:center}.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)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.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)}.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}.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)}
|
|
@@ -464,9 +464,9 @@ export class Popover {
|
|
|
464
464
|
const { box, header, content, arrow: arrowClass } = this.popoverClass({
|
|
465
465
|
size: this.size,
|
|
466
466
|
});
|
|
467
|
-
return (h("div", { key: '
|
|
467
|
+
return (h("div", { key: '58974d41aa0c4278ac03dc0de7a56480792140dd', class: "inline-block" }, h("slot", { key: '26ddb3b5c930cfe6d0b743900ebdbea9fbc98cec', onSlotchange: this.handleSlotChange }), h("div", { key: 'e4e6d194914cc232b7b01c05cecb12517649171c', ref: el => (this.popoverRef = el), id: this.popoverId, part: "popover", class: box(),
|
|
468
468
|
// @ts-ignore - popover is a valid HTML attribute
|
|
469
|
-
popover: "manual", role: "dialog", "aria-labelledby": this.headerText ? `${this.popoverId}-header` : undefined }, this.arrow && h("div", { key: '
|
|
469
|
+
popover: "manual", role: "dialog", "aria-labelledby": this.headerText ? `${this.popoverId}-header` : undefined }, this.arrow && h("div", { key: '1e02fecbede7b837c1418941910b55ed4b3b77a2', ref: el => (this.arrowRef = el), part: "arrow", class: arrowClass() }), h("div", { key: '31de335a19638860d8ccb79921e815798188d6e5', id: `${this.popoverId}-header`, part: "header", class: header() }, h("slot", { key: 'f0cd37fc2052d129c4a156c61c46488b3164e774', name: "header" }, this.headerText)), h("div", { key: '824c183f41861888debe1017b94dbc0a4d2f4446', part: "content", class: content() }, h("slot", { key: 'e8ca3edcb09b7ed19dba0c3dd59b78028bbe6a42', name: "content" }, this.message)))));
|
|
470
470
|
}
|
|
471
471
|
static get is() { return "bcm-popover"; }
|
|
472
472
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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:
|
|
1
|
+
.visible{visibility:visible}.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))}.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:contents}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none}[data-placement^=right] [part=arrow]{border-right:none;border-top:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-3{height:.75rem}.w-3{width:.75rem}.min-w-max{min-width:max-content}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.gap-1\.5{gap:.375rem}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-\[--popover-bg\]{background-color:var(--popover-bg)}.p-3{padding:.75rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
|
|
@@ -310,7 +310,7 @@ export class BcmRadio {
|
|
|
310
310
|
labelPosition: this.labelPosition,
|
|
311
311
|
});
|
|
312
312
|
const inputId = this._id + '-input';
|
|
313
|
-
return (h("label", { key: '
|
|
313
|
+
return (h("label", { key: 'b4fb1561a182d04735896b95b4f68a7968a38c43', class: container(), style: this.getRadioStyle(), htmlFor: inputId }, h("input", { key: 'ec85159d0c0496c1cfd6e6fd4237c8086f46fd68', id: inputId, "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: el => (this.inputEl = el) }), h("div", { key: '94ef5c4d46eec2b1462fe94ea29d72d0c200ddaf', class: dotContainer() }, h("div", { key: '2df5dbc8f9a06ac8f7aa26d78e63e0698a3d4412', class: dot() })), h("span", { key: '5d09eb1205cf67a6a1957652909b5933a646c365', class: labelClass() }, h("slot", { key: '15b24eccd312fffcabb8e12a7c3ec7e255920c4f' }, this.label))));
|
|
314
314
|
}
|
|
315
315
|
static get is() { return "bcm-radio"; }
|
|
316
316
|
static get encapsulation() { return "shadow"; }
|
|
@@ -200,14 +200,14 @@ export class BcmRadioGroup {
|
|
|
200
200
|
size: this.size,
|
|
201
201
|
direction: this.direction,
|
|
202
202
|
});
|
|
203
|
-
return (h("div", { key: '
|
|
203
|
+
return (h("div", { key: '4334600812b3f928402cd272ca15897637fb9371', class: host() }, this.label && (h("label", { key: '04d0fdfa7b4b1a76630ecba67140fe415a9ed9f7', class: classNames('input-label font-medium', {
|
|
204
204
|
'text-color-label': !this.disabled,
|
|
205
205
|
'text-color-disabled': this.disabled,
|
|
206
206
|
}, {
|
|
207
207
|
'text-size-3': this.size === 'small',
|
|
208
208
|
'text-size-4': this.size === 'medium',
|
|
209
209
|
'text-size-5': this.size === 'large',
|
|
210
|
-
}) }, h("slot", { key: '
|
|
210
|
+
}) }, h("slot", { key: '552ac8466ef4662c810a16a27f8601995f9bf552', name: "label" }, this.label), this.required && h("span", { key: '966089a77980aa2ee1ca7ad43ad39b5267a2cf75' }, "*"))), h("div", { key: 'b69824c452a3e60a7b87042f94b38d9e0106f470', class: container() }, h("slot", { key: '93bf19e38fd461ee382b9e3d4f16985b87072252', onSlotchange: this.handleSlotChange })), this.captionText && (h("div", { key: '8e6ee5d6de9a6dfc31b951e6f99f603c7ad3e48d', class: classNames('input-caption-text font-regular mt-1', {
|
|
211
211
|
'text-[--bcm-ui-color-text-caption]': !this.disabled,
|
|
212
212
|
'text-[--bcm-ui-color-text-error]': !this.disabled && this.error,
|
|
213
213
|
'text-[--bcm-ui-color-text-disabled]': this.disabled,
|
|
@@ -64,11 +64,11 @@ export class BcmSegment {
|
|
|
64
64
|
// Determine if divider should be hidden
|
|
65
65
|
// Hide divider if this segment or the next segment is active
|
|
66
66
|
const hideDivider = this.selected || this.index === this.activeIndex - 1;
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: '012a8f5e07a0754d4c1630fc600a818f2327c159', role: "radio", "aria-checked": this.selected.toString() }, h("button", { key: '8ed95a4396b730733c2a8ced72b62490521ba475', class: this.segmentClass({
|
|
68
68
|
size: this.size,
|
|
69
69
|
selected: this.selected,
|
|
70
70
|
disabled: this.disabled,
|
|
71
|
-
}), onClick: this.handleClick, disabled: this.disabled, type: "button" }, h("slot", { key: '
|
|
71
|
+
}), onClick: this.handleClick, disabled: this.disabled, type: "button" }, h("slot", { key: '09f8e5abc27f11b61fc0579e006e8d528595415a' })), h("div", { key: '7ef3b0d95122dc4153e5b4d03e2c6b5127f10bd3', class: `divider ${hideDivider ? 'divider-hidden' : ''}` })));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "bcm-segment"; }
|
|
74
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.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{align-items:center;display:flex;position:relative;width:100%}.segment{flex:1;white-space:nowrap;width:100%}.divider{background-color:var(--bcm-ui-color-border-default);height:20px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .8s cubic-bezier(.4,0,.2,1);width:1px}.divider-hidden{opacity:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.
|
|
1
|
+
.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.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{align-items:center;display:flex;position:relative;width:100%}.segment{flex:1;white-space:nowrap;width:100%}.divider{background-color:var(--bcm-ui-color-border-default);height:20px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .8s cubic-bezier(.4,0,.2,1);width:1px}.divider-hidden{opacity:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.z-20{z-index:20}.hidden{display:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.border-none{border-style:none}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.text-center{text-align:center}.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-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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\:text-color-header:hover{color:var(--bcm-ui-color-text-header)}
|
|
@@ -216,7 +216,7 @@ export class BcmSegmentedPicker {
|
|
|
216
216
|
},
|
|
217
217
|
});
|
|
218
218
|
render() {
|
|
219
|
-
return (h(Host, { key: '
|
|
219
|
+
return (h(Host, { key: '145f07a0feca65987396e9a1ac06590a06dbfcf2' }, h("input", { key: 'abff6c900f5d5cc6d9b4c290274e8adb8049dd16', ref: el => (this.hiddenInput = el), type: "text", name: this.name, value: this.value || '', required: this.required, disabled: this.disabled, tabindex: -1, style: {
|
|
220
220
|
position: 'absolute',
|
|
221
221
|
width: '1px',
|
|
222
222
|
height: '1px',
|
|
@@ -226,12 +226,12 @@ export class BcmSegmentedPicker {
|
|
|
226
226
|
clip: 'rect(0, 0, 0, 0)',
|
|
227
227
|
whiteSpace: 'nowrap',
|
|
228
228
|
border: '0',
|
|
229
|
-
}, "aria-hidden": "true" }), h("div", { key: '
|
|
229
|
+
}, "aria-hidden": "true" }), h("div", { key: 'd3c2567fb3f08b4280272008d6dcd58e98d7af96', class: this.containerClass({
|
|
230
230
|
size: this.size,
|
|
231
231
|
fullWidth: this.fullWidth,
|
|
232
232
|
shadow: this.shadow,
|
|
233
233
|
disabled: this.disabled,
|
|
234
|
-
}), role: "radiogroup", "aria-required": this.required, "aria-disabled": this.disabled }, h("div", { key: '
|
|
234
|
+
}), role: "radiogroup", "aria-required": this.required, "aria-disabled": this.disabled }, h("div", { key: 'b402df0ea2129da20e3db3e39b9d742a64624ad5', class: this.indicatorClass({ size: this.size }) }), h("div", { key: '7bc58e4c17271f352b7581a20b8fab4cc5111c60', class: "segments-grid grid grid-auto-flow-col grid-auto-columns-fr relative w-full" }, h("slot", { key: '50797653c69818286df14c010c0dc2c28e639ef6' })))));
|
|
235
235
|
}
|
|
236
236
|
static get is() { return "bcm-segmented-picker"; }
|
|
237
237
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,7 +28,7 @@ export class BcmShortcut {
|
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
30
|
const { size, hotkey } = this;
|
|
31
|
-
return (h("div", { key: '
|
|
31
|
+
return (h("div", { key: '9eab400623bc3336a5a2a4cfd5ef32df04c1332c', class: cs('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', {
|
|
32
32
|
'text-size-2': size === 'small',
|
|
33
33
|
'text-size-3': size === 'medium',
|
|
34
34
|
'text-size-4': size === 'large',
|
|
@@ -343,12 +343,12 @@ export class BcmSwitch extends BaseChoiceControl {
|
|
|
343
343
|
...(this.required && { 'aria-required': 'true' }),
|
|
344
344
|
};
|
|
345
345
|
const tabIndexAttr = !this.readonly && !this.disabled ? { tabindex: '0' } : {};
|
|
346
|
-
return (h("div", { key: '
|
|
346
|
+
return (h("div", { key: '4c975c18565b1dd905f2f979f6fc83f1feca5a4c', class: base(), part: "base" }, h("label", { key: '24c87b3b86e165fedd88bf992279b5bc1e23d5f3', class: switchWrapper(), style: this.switchStyle(), part: "switch-wrapper" }, h("input", { key: 'e72ff019c113509aa7ad44e77bd449cfa2f96db9', id: this._id, type: "checkbox", class: "sr-only peer", checked: this.internalChecked, name: this.name, value: this.value, disabled: this.disabled, readOnly: this.readonly, onChange: this.toggleSwitch, ref: el => (this.inputEl = el), part: "input" }), this.label && (h("span", { key: '314062d42f1c3ec8ef6eec5392dbf3a52fc5812c', class: label(), part: "label" }, h("slot", { key: '99a4c54587e4bc11cedafdf200815a647cdab500' }, this.label))), h("label", { key: '1f9ae123f1b2e8fba06a5685cf5f5e1541252cf6', htmlFor: this._id, class: dotContainer(), ...tabIndexAttr, ...ariaAttributes, part: "dot-container", onKeyDown: event => {
|
|
347
347
|
if ((event.key === 'Enter' || event.key === ' ') && !this.readonly && !this.disabled) {
|
|
348
348
|
event.preventDefault();
|
|
349
349
|
this.toggleSwitch();
|
|
350
350
|
}
|
|
351
|
-
} }, h("div", { key: '
|
|
351
|
+
} }, h("div", { key: '1dd4639ce2f48fea95b65359bbf075d59c7e3750', class: dot(), part: "dot" }))), this.error && this.caption && (h("span", { key: 'fc0f8751201ea46ba6e55d6b28a51d20a99a88ee', class: caption(), part: "caption" }, this.caption)), h("slot", { key: 'f1305df46d5ab8405ebc90365b030e4025201157', name: "caption" })));
|
|
352
352
|
}
|
|
353
353
|
static get is() { return "bcm-switch"; }
|
|
354
354
|
static get encapsulation() { return "shadow"; }
|
|
@@ -30,7 +30,7 @@ export class BcmTab {
|
|
|
30
30
|
*/
|
|
31
31
|
bcmTabClick;
|
|
32
32
|
render() {
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: 'e682d33f66ba04c1a24fd66b3e8578dee0ed1c5d', role: "tabpanel", "aria-labelledby": `tab-${this.value}`, id: `panel-${this.value}`, "aria-hidden": (!this.active).toString(), style: { display: this.active ? 'block' : 'none' } }, h("div", { key: '862a1ccc368dd3f6cf68b0ce6f4be051c861f3b2', class: "bcm-ui-element tab-panel p-4" }, h("slot", { key: 'e6c6b000797db3f40f5b6ce46ec345d38f1a2c29' }))));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "bcm-tab"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
|
@@ -225,14 +225,14 @@ export class BcmTabs {
|
|
|
225
225
|
render() {
|
|
226
226
|
this.updateCSSVariables();
|
|
227
227
|
this.propagatePropsToTabs();
|
|
228
|
-
return (h(Host, { key: '
|
|
228
|
+
return (h(Host, { key: 'ed031c8cda32f5e604ae8b7f50f32323dac9c757' }, h("div", { key: '211f5f45d827a39635dd0a7a03cf4e7418cc1055', class: this.containerClass({ shadow: this.shadow }) }, h("div", { key: 'aa0670df3f3c032cca17e9ec413f55d58aa3f7d7', class: this.tabsListClass({ variant: this.variant }), role: "tablist" }, this.tabs.map((tab, index) => (h("button", { key: tab.value, class: `tab-button flex-1 px-4 py-2 text-center font-medium transition-colors border-none ${tab.value === this.value
|
|
229
229
|
? 'text-color-primary'
|
|
230
230
|
: tab.disabled
|
|
231
231
|
? 'text-color-disabled cursor-not-allowed opacity-50'
|
|
232
|
-
: 'text-color-placeholder hover:text-color-primary cursor-pointer'} ${this.size === 'sm' ? 'text-sm py-1.5 px-3' : this.size === 'lg' ? 'text-lg py-3 px-5' : 'text-base py-2 px-4'} bg-transparent`, role: "tab", "aria-selected": (tab.value === this.value).toString(), "aria-controls": `panel-${tab.value}`, id: `tab-${tab.value}`, disabled: tab.disabled, onClick: () => !tab.disabled && (this.value = tab.value), tabindex: index === this.activeIndex ? 0 : -1 }, tab.label))), this.variant === 'line' && (h("div", { key: '
|
|
232
|
+
: 'text-color-placeholder hover:text-color-primary cursor-pointer'} ${this.size === 'sm' ? 'text-sm py-1.5 px-3' : this.size === 'lg' ? 'text-lg py-3 px-5' : 'text-base py-2 px-4'} bg-transparent`, role: "tab", "aria-selected": (tab.value === this.value).toString(), "aria-controls": `panel-${tab.value}`, id: `tab-${tab.value}`, disabled: tab.disabled, onClick: () => !tab.disabled && (this.value = tab.value), tabindex: index === this.activeIndex ? 0 : -1 }, tab.label))), this.variant === 'line' && (h("div", { key: 'a3deef9b1859289fa4b2acc2c85301c0b996a208', class: this.inkbarClass({ variant: this.variant }), style: {
|
|
233
233
|
transform: `translateX(calc(${this.activeIndex} * 100% / ${this.tabs.length}))`,
|
|
234
234
|
width: `calc(100% / ${this.tabs.length})`,
|
|
235
|
-
} }))), h("div", { key: '
|
|
235
|
+
} }))), h("div", { key: '36e8a820d74b3a915acaa5503114e613f2fcca53', class: "tabs-content" }, h("slot", { key: 'fdb208a362785fef1dc5624f485d18c50f2368ec' })))));
|
|
236
236
|
}
|
|
237
237
|
static get is() { return "bcm-tabs"; }
|
|
238
238
|
static get encapsulation() { return "shadow"; }
|
|
@@ -89,7 +89,7 @@ export class BcmText {
|
|
|
89
89
|
const Tag = variantTagMap[this.variant];
|
|
90
90
|
const variantClass = this.getTextClass(this.variant, this.size);
|
|
91
91
|
const overflowClass = this.getOverflowClass(this.overflow ?? false);
|
|
92
|
-
return (h(Tag, { key: '
|
|
92
|
+
return (h(Tag, { key: 'ff2bca6e93184787eba311267501606cf50a0a92', class: cs('bcm-ui-element bcm-text appearance-none m-0 p-0', variantClass, overflowClass), part: "text" }, h("slot", { key: 'a0110483c7cb7cfe04c086a49e18618af8a883da' }, this.text)));
|
|
93
93
|
}
|
|
94
94
|
static get is() { return "bcm-text"; }
|
|
95
95
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
|
|
1
|
+
.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-default{color:var(--bcm-ui-color-text-default)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
|
|
@@ -321,14 +321,14 @@ export class BcmTextarea {
|
|
|
321
321
|
disabled: this.disabled,
|
|
322
322
|
focused: this.isFocused,
|
|
323
323
|
});
|
|
324
|
-
return (h("div", { key: '
|
|
324
|
+
return (h("div", { key: '52ba5b55a514e2cb3ed0bc7e4a9f8532693b016d', class: "bcm-ui-element" }, this.label && (h("label", { key: '02794e3760e25f1d4ec847182bae28632a074164', class: classNames('textarea-label font-medium', {
|
|
325
325
|
'text-color-label': !this.disabled,
|
|
326
326
|
'text-color-disabled': this.disabled,
|
|
327
327
|
}, {
|
|
328
328
|
'text-size-3': this.size === 'small',
|
|
329
329
|
'text-size-4': this.size === 'medium',
|
|
330
330
|
'text-size-5': this.size === 'large',
|
|
331
|
-
}), htmlFor: textareaId }, h("slot", { key: '
|
|
331
|
+
}), htmlFor: textareaId }, h("slot", { key: '4469474cbfb91a8ffbbcbc16463c5befed141db9', name: "label" }, this.label), this.required && h("span", { key: 'bbdb07bda59089485896db8b547bc107b06454f4' }, "*"))), h("div", { key: '5b8835800b7a01ade3f8af0fb9effac004219354', class: base() }, h("textarea", { key: 'b5069285cb17735d81bfbfd6a539ddb9c771db4d', ref: el => (this.textareaRef = el), id: textareaId, class: textareaClass(), name: this.name, rows: this.rows, cols: this.cols, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, minLength: this.minLength, maxLength: this.maxLength, "aria-invalid": this.status === 'error', "aria-required": this.required, "aria-labelledby": this.labelledby, "aria-describedby": this.describedby, value: this.value, onInput: event => {
|
|
332
332
|
const target = event.target;
|
|
333
333
|
this.value = target.value;
|
|
334
334
|
this.internals?.setFormValue(this.value ?? '');
|
|
@@ -337,7 +337,7 @@ export class BcmTextarea {
|
|
|
337
337
|
if (this.autoGrow) {
|
|
338
338
|
this.adjustHeight();
|
|
339
339
|
}
|
|
340
|
-
}, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), this.showCounter && (h("div", { key: '
|
|
340
|
+
}, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), this.showCounter && (h("div", { key: '0f0d821a91bc54b4a24dea0598f604b3c1e48ab5', class: counterText() }, this.value.length, this.maxLength ? `/${this.maxLength}` : ''))), (this.captionText || this.internalErrorMessage || this.validationMessage) && (h("div", { key: '6e00a16c72076f8d0bdeabfcac30e39fdca53fa5', class: classNames('textarea-caption-text font-regular mt-1', {
|
|
341
341
|
'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',
|
|
342
342
|
'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),
|
|
343
343
|
'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',
|
|
@@ -451,9 +451,9 @@ export class BcmTooltip {
|
|
|
451
451
|
size: this.size,
|
|
452
452
|
follow: this.follow,
|
|
453
453
|
});
|
|
454
|
-
return (h("div", { key: '
|
|
454
|
+
return (h("div", { key: 'be2b3579a6a5f5717b3d20d54c57141f7dc6d194', class: "inline-block" }, h("slot", { key: '72d3db1af073d19e36d2406f6bc5f7efd67cb6b5', onSlotchange: this.handleSlotChange }), h("div", { key: '8d53d1fc481a51a354c65ee0d989acaed88f02a6', ref: el => (this.tooltipRef = el), id: this.tooltipId, part: "tooltip", class: tooltip(),
|
|
455
455
|
// @ts-ignore - popover is a valid attribute
|
|
456
|
-
popover: "manual", role: "tooltip" }, this.arrow && !this.follow && h("div", { key: '
|
|
456
|
+
popover: "manual", role: "tooltip" }, this.arrow && !this.follow && h("div", { key: '936596f01bd8e2ef18b406efad01e0fd2eac278a', ref: el => (this.arrowRef = el), part: "arrow", class: arrowClass() }), h("div", { key: '983378ee133200fa053672f4083dc3e2a49d837e', part: "content" }, h("slot", { key: '62be9fd235041be13b65d4ccacea8d5cdec80a01', name: "content" }, this.message)))));
|
|
457
457
|
}
|
|
458
458
|
static get is() { return "bcm-tooltip"; }
|
|
459
459
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.visible{visibility:visible}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:
|
|
1
|
+
.visible{visibility:visible}.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))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:contents}[popover]{border:none;opacity:0;overflow:visible;padding:0;transform:scale(.95);transition:opacity .1s ease-out,transform .1s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.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)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-\[9999\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-default-dark{background-color:var(--bcm-ui-color-background-default-dark-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.shadow,.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)}
|
|
@@ -519,7 +519,7 @@ export class BcmFileUpload {
|
|
|
519
519
|
size: this.size,
|
|
520
520
|
disabled: this.disabled,
|
|
521
521
|
});
|
|
522
|
-
return (h(Host, { key: '
|
|
522
|
+
return (h(Host, { key: '578595fad2bb4f1dc054f41bdbce80f64ce0d149', tabindex: "-1" }, h("div", { key: '7bf66fe77a7821b6963dace141bc52d179081679', class: container() }, this.label && (h("label", { key: 'baf65b05de025bfb9d6c4b83ecd5e34a58cd84ca', part: "label", class: label() }, this.label)), this.renderUploadZone(), this.renderErrors(), this.files.length > 0 && (h("div", { key: '36b33db51f47da20a33e0a0747e98b8bc156ce13', part: "file-list", class: list() }, this.files.map(item => this.renderFileRow(item)))), this.caption && (h("span", { key: '753bc09179c1ae8e7726783d705480e28711584b', part: "caption", class: caption() }, this.caption)))));
|
|
523
523
|
}
|
|
524
524
|
static get is() { return "bcm-file-upload"; }
|
|
525
525
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as
|
|
1
|
+
import{t as o,p as r,H as e,c as a,h as t}from"./index.js";const c=r(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bcmAccordionGroupChange=a(this,"bcmAccordionGroupChange",1)}get host(){return 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:e}=o?.detail;this.multi||this.accordionItems.forEach((o=>{o!==e&&o.collapse(),o.expanded=o===e&&r}));const a=this.accordionItems.filter((o=>o.expanded));this.bcmAccordionGroupChange.emit({expanded:r,changed:e,expandedItems:a,expandedCount:a.length})}render(){return t("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"},t("slot",{key:"3d3918076c44aec985d19aa0cfaa7b1c03414fc0",onSlotchange:this.handleSlotChange}))}static get style(){return".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)}"}},[769,"bcm-accordion-group",{multi:[4],accordionItems:[32],expandAll:[64],collapseAll:[64],getExpandedItems:[64]},[[2,"bcmAccordionChange","handleAccordionChange"]]]);function s(){"undefined"!=typeof customElements&&["bcm-accordion-group"].forEach((r=>{"bcm-accordion-group"===r&&(customElements.get(o(r))||customElements.define(o(r),c))}))}s();const d=c,i=s;export{d as BcmAccordionGroup,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{t as i}from"./p-CEcVC0yX.js";const
|
|
1
|
+
import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{t as i}from"./p-CEcVC0yX.js";const c=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bcmAccordionChange=r(this,"bcmAccordionChange",1)}get host(){return 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=i({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:e,footer:r,icon:i,rightSection:c}=this.accordionClass({hasFooterContent:this.hasFooterContent||!!this.hintText,expanded:this.expanded});return a("div",{key:"9c83659267354c8bd3020943a0b1249546dce1f1",class:o()},a("header",{key:"0bed1927fe623f6811c7fbf75c6525bf5bcb66a9",class:t(),role:"button",tabindex:"0","aria-expanded":""+this.expanded,"aria-controls":"accordion-content",onKeyDown:o=>{"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.toggle())},onClick:()=>this.toggle()},a("slot",{key:"60a538d30c687a3691cc5ceaec13be86d5634bfc",name:"title"},this.headerTitle),a("div",{key:"eb8c3731f212eeef7a9fe465346244de668d3f4b",class:c()},a("span",{key:"e7dd00840cf11d5bd117f501bb8ae67e5ece4b26",onClick:o=>o.stopPropagation()},a("slot",{key:"7d3276e04dead179ab451213a2467b5184622a1c",name:"actions"})),a("bcm-icon",{key:"7ec0e909fe71724621c3f92c21c02b839209cdaa",name:"fa-regular fa-chevron-down",class:i()}))),a("div",{key:"3448118d97a7d8e254acac2e9570a7126cc9c189",class:e(),style:{maxHeight:this.expanded?"auto":"0px"},ref:o=>this.contentEl=o},a("div",{key:"773aeff390e0fccf64448ef94e65f1b3d26cc899",class:"px-4 py-2"},a("slot",{key:"0077fdfe18121813c0d1694bb5a0b00c16da0376"})),a("footer",{key:"e501c04b8f4b3e49fded6bfb45a179dd3a312921",class:r()},a("slot",{key:"4a171d164bf8c3577d4f5802167a0c5e58f04898",name:"footer",onSlotchange:this.handleFooterSlotChange},this.hintText))))}static get style(){return".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,Inter Variable,sans-serif}.collapse{visibility:collapse}.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)}"}},[769,"bcm-accordion",{expanded:[1540],headerTitle:[1,"header-title"],group:[516],hintText:[1,"hint-text"],hasFooterContent:[32],toggle:[64],expand:[64],collapse:[64]}]);function n(){"undefined"!=typeof customElements&&["bcm-accordion"].forEach((t=>{"bcm-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}n();const s=c,d=n;export{s as BcmAccordion,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-DWnYDhBg.js";const p=o,r=s;export{p as BcmAlert,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BcmAttendance extends Components.BcmAttendance, HTMLElement {}
|
|
4
|
+
export const BcmAttendance: {
|
|
5
|
+
prototype: BcmAttendance;
|
|
6
|
+
new (): BcmAttendance;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as r,p as o,H as a,h as e,a as t}from"./index.js";import{t as c}from"./p-CEcVC0yX.js";import{d as i}from"./p-CXVKfgBL.js";const l=o(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get el(){return this}data=[];_data=[];componentWillLoad(){this.parseData(this.data)}dataHandler(r){this.parseData(r)}parseData(r){if("string"==typeof r)try{this._data=JSON.parse(r)}catch(r){console.warn("BcmAttendance: Invalid JSON string in data attribute",r),this._data=[]}else this._data=Array.isArray(r)?r:[]}attendanceStyles=c({slots:{base:"bcm-ui-element bcm-attendance inline-flex items-center flex-row gap-0.5 w-fit",item:"flex flex-row items-center gap-[1px]",indicator:"block w-[7px] h-[14px] transition-colors"},variants:{status:{present:{indicator:"bg-color-success hover:bg-color-success-hover"},late:{indicator:"bg-color-warning hover:bg-color-warning-hover"},absent:{indicator:"bg-color-error hover:bg-color-error-hover"},other:{indicator:"bg-color-primary hover:bg-color-primary-hover"},default:{indicator:"bg-color-default-active hover:bg-color-default-hover"}},period:{am:{indicator:"rounded-l-full"},pm:{indicator:"rounded-r-full"}}}});render(){const{base:r,item:o,indicator:a}=this.attendanceStyles();return e(t,{key:"a0bedc4e15f08faff785a8d6f3f1ceeefd4af10f",class:r()},this._data.map((r=>e("div",{class:o()},e("bcm-tooltip",{trigger:"hover",message:(r.weekday||"")+" / AM","aria-label":(r.weekday||"")+" / AM"},e("span",{class:a({status:r.am||"default",period:"am"})})),e("bcm-tooltip",{trigger:"hover",message:(r.weekday||"")+" / PM","aria-label":(r.weekday||"")+" / PM"},e("span",{class:a({status:r.pm||"default",period:"pm"})}))))))}static get watchers(){return{data:[{dataHandler:0}]}}static get style(){return":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)}"}},[513,"bcm-attendance",{data:[1025],_data:[32]},void 0,{data:[{dataHandler:0}]}]);function s(){"undefined"!=typeof customElements&&["bcm-attendance","bcm-tooltip"].forEach((o=>{switch(o){case"bcm-attendance":customElements.get(r(o))||customElements.define(r(o),l);break;case"bcm-tooltip":customElements.get(r(o))||i()}}))}s();const n=l,d=s;export{n as BcmAttendance,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as i,h as a}from"./index.js";import{c as s}from"./p-BfTCfPZ1.js";import{d as r}from"./p-
|
|
1
|
+
import{t,p as e,H as i,h as a}from"./index.js";import{c as s}from"./p-BfTCfPZ1.js";import{d as r}from"./p-Cj7tjKxM.js";const l=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}image;alt;shape="ellipse";size="medium";color;icon="fas fa-user";status;blink=!1;name;isFallback=!1;getFirstLetters(t){return t.split(" ").map((t=>t.charAt(0).toUpperCase())).join("").substring(0,2)}render(){const t=s("bcm-avatar bcm-ui-element bcm-ui-content-display","uppercase font-medium","inline-flex items-center justify-center","bg-[--bcm-avatar-bg] text-[--bcm-avatar-text]",{"shape-ellipse rounded-full":"ellipse"===this.shape,"shape-square rounded-[--bcm-ui-radius]":"square"===this.shape,"size-small text-size-4 w-6 h-6":"small"===this.size,"size-medium text-size-5 w-8 h-8":"medium"===this.size,"size-large text-size-6 w-10 h-10":"large"===this.size}),e=s("badge",{"top-0 right-0":"ellipse"===this.shape,"-top-0.5 -right-0.5":"square"===this.shape}),i=s("image w-full h-full",{"rounded-full":"ellipse"===this.shape,"rounded-[--bcm-ui-radius]":"square"===this.shape});let r={};if(this.color){const t=this.color.includes("-")?this.color.split("-")[0]:this.color;r={"--bcm-avatar-bg":`var(--bcm-ui-color-background-palette-${t}-default)`,"--bcm-avatar-text":"var(--bcm-ui-color-text-palette-"+t}}const l=Object.keys(["small","medium","large"]).includes(this.size)?{}:{width:this.size+"px",height:this.size+"px",fontSize:+this.size/2+"px"};return a("div",{role:"img","aria-label":this.alt||this.name||"Avatar",class:t,style:{...r,...l}},a((()=>this.isFallback?this.name?this.getFirstLetters(this.name):a("i",{class:this.icon}):this.image?a("img",{class:i,onError:()=>this.isFallback=!0,src:this.image,alt:this.alt,"aria-label":this.alt||this.name||"Avatar"}):this.name?this.getFirstLetters(this.name):a("i",{class:this.icon})),null),this.status&&a("bcm-badge",{class:e,status:this.status,blink:this.blink,"aria-hidden":"true"}),a("slot",null))}static get style(){return":host{--bcm-avatar-bg:var(--bcm-ui-color-background-default-default);--bcm-avatar-text:var(--bcm-ui-color-text-default);--bcm-avatar-radius:50%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.-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)}"}},[769,"bcm-avatar",{image:[1],alt:[1],shape:[1],size:[1],color:[1],icon:[1],status:[1],blink:[4],name:[1],isFallback:[32]}]);function o(){"undefined"!=typeof customElements&&["bcm-avatar","bcm-badge"].forEach((e=>{switch(e){case"bcm-avatar":customElements.get(t(e))||customElements.define(t(e),l);break;case"bcm-badge":customElements.get(t(e))||r()}}))}o();const h=l,c=o;export{h as BcmAvatar,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-Cj7tjKxM.js";const t=o,j=s;export{t as BcmBadge,j as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as a}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}size="medium";variant="text";color;soft=!1;text;classes=s({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 a("span",{key:"
|
|
1
|
+
import{t as e,p as t,H as i,h as a}from"./index.js";import{t as s}from"./p-CEcVC0yX.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}size="medium";variant="text";color;soft=!1;text;classes=s({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 a("span",{key:"45b4c9f4c7ab8b9948264f76eeb5cfe24e516bd1",part:"base",role:"status","aria-live":"polite",style:this.badgeStyle,class:this.classes({size:this.size,variant:this.variant})},"text"===this.variant&&a("span",{key:"d8f8b1156fca7b25413811833eb1991dcadc7e72",class:"badge-content"},a("slot",{key:"4ef189eb3f9b99a01bed5077e5010fc455ba2721"})))}static get style(){return":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)}"}},[769,"bcm-basic-badge",{size:[1],variant:[1],color:[1],soft:[4],text:[1]}]);function o(){"undefined"!=typeof customElements&&["bcm-basic-badge"].forEach((t=>{"bcm-basic-badge"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}o();const r=n,d=o;export{r as BcmBasicBadge,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as
|
|
1
|
+
import{t,p as o,H as i,h as s,a as e}from"./index.js";import{t as a}from"./p-CEcVC0yX.js";const n=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return 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"),o=t.length;0!==o&&t.forEach(((t,i)=>{t.position=1===o?null:0===i?"first":i===o-1?"last":"middle"}))}buttonGroupClass=a({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 s(e,{key:"8d88cf214197d97f7c006286c85d631b0921d662"},s("div",{key:"d597a5f10e5fc5f050924bd48c764b9aeafbc672",class:this.buttonGroupClass({orientation:this.orientation,fullWidth:this.fullWidth})},s("slot",{key:"e167d1694667140bf970f8f2eb4ad9266fd71681"})))}static get style(){return".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)}"}},[769,"bcm-button-group",{kind:[1],size:[1],status:[1],fullWidth:[516,"full-width"],loading:[4],disabled:[4],orientation:[513]}]);function l(){"undefined"!=typeof customElements&&["bcm-button-group"].forEach((o=>{"bcm-button-group"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}l();const d=n,r=l;export{d as BcmButtonGroup,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as
|
|
1
|
+
import{B as o,d as r}from"./p-CicdrC2Y.js";const s=o,p=r;export{s as BcmButton,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as o,c as r,h as i}from"./index.js";import{t}from"./p-CEcVC0yX.js";import{g as c}from"./p-IBjzkjef.js";import{B as s}from"./p-SERXqWcS.js";const a=o(class extends s{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmCheckboxChange=r(this,"bcmCheckboxChange",1),this.internals=this.attachInternals()}get el(){return this}internals;_id=c("bcm-checkbox");label;indeterminate=!1;size="medium";error=!1;caption;labelPosition="right";fullWidth=!1;internalChecked=!1;touched=!1;submitAttempted=!1;bcmCheckboxChange;inputElement;componentWillLoad(){this.internalChecked=this.checked,this.updateFormValueAndValidity({setUi:!1})}componentDidLoad(){this.syncNativeInput();const e=this.internals?.form;e&&e.addEventListener("submit",this.onFormSubmit,!0)}disconnectedCallback(){const e=this.internals?.form;e&&e.removeEventListener("submit",this.onFormSubmit,!0)}onFormSubmit=()=>{this.submitAttempted=!0,this.updateFormValueAndValidity({setUi:!0})};formResetCallback(){super.formResetCallback(),this.internalChecked=!1,this.indeterminate=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}syncFromBase(e){this.internalChecked=e,this.indeterminate=!1,this.syncNativeInput()}onIndeterminateChange(){this.syncNativeInput()}syncNativeInput(){this.inputElement&&(this.inputElement.checked=this.internalChecked,this.inputElement.indeterminate=this.indeterminate&&!this.internalChecked,this.inputElement.disabled=this.disabled,this.inputElement.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const o=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(o&&(this.error=!1,this.caption=void 0));if(this.internals.setFormValue(this.checked?this.value??"on":null),"none"===this.validationMode)return this.internals.setValidity({}),void(o&&(this.error=!1,this.caption=void 0));const r=this.required&&!this.checked;if("silent"!==this.validationMode){if(r)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputElement??void 0),void(o&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),o&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),o){const e=this.touched||this.submitAttempted;this.error=e&&r,this.caption=e&&r?"This field is required":void 0}}handleChange=()=>{this.disabled||(this.touched||(this.touched=!0),this.indeterminate=!1,this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmCheckboxChange.emit({element:this.inputElement,checked:this.checked}))};getStyles(){return{"--checked-color":"var(--bcm-ui-color-background-primary-default)","--unchecked-color":"var(--bcm-ui-color-background-default-default)","--border-color":"var(--bcm-ui-color-border-default)","--hover-border-color":"var(--bcm-ui-color-border-primary)","--hover-color":"var(--bcm-ui-color-background-info-hover)",...this.error?{"--checked-color":"var(--bcm-ui-color-background-error-default)","--unchecked-color":"var(--bcm-ui-color-background-palette-red-default)","--border-color":"var(--bcm-ui-color-border-error)","--hover-border-color":"var(--bcm-ui-color-border-error)","--hover-color":"var(--bcm-ui-color-border-error)"}:{},...this.disabled?{"--checked-color":"var(--bcm-ui-color-background-disabled-default)","--unchecked-color":"var(--bcm-ui-color-background-disabled-default)","--border-color":"var(--bcm-ui-color-border-disabled)","--hover-color":"var(--bcm-ui-color-border-disabled)","--hover-border-color":"var(--bcm-ui-color-border-disabled)"}:{}}}classes=t({slots:{root:"bcm-ui-element bcm-checkbox flex flex-col",row:"flex items-center",checkbox:["flex items-center justify-center rounded-sm","border border-solid border-[--border-color]","bg-[--unchecked-color]","transition-colors duration-200 ease-out","peer-checked:bg-[--checked-color]","peer-checked:border-[--checked-color]","peer-indeterminate:bg-[--checked-color]","peer-indeterminate:border-[--checked-color]","hover:border-[--hover-border-color]","hover:peer-checked:bg-[--hover-color]","hover:peer-indeterminate:bg-[--hover-color]"],iconContainer:"flex items-center justify-center",label:"select-none text-color",hiddenInput:"sr-only peer",caption:"mt-1 text-color-error font-normal"},variants:{size:{small:{row:"gap-2",checkbox:"size-3",iconContainer:"size-2 text-size-2",label:"text-size-4",hiddenInput:"size-3",caption:"text-size-3"},medium:{row:"gap-2.5",checkbox:"size-4",iconContainer:"size-[10px] text-size-3",label:"text-size-5",hiddenInput:"size-4",caption:"text-size-4"},large:{row:"gap-3",checkbox:"size-[18px]",iconContainer:"size-4 text-size-4",label:"text-size-6",hiddenInput:"size-[18px]",caption:"text-size-5"}},disabled:{true:{row:"cursor-not-allowed",checkbox:"cursor-not-allowed hover:border-[--border-color] hover:bg-[--unchecked-color]",label:"cursor-not-allowed text-color-disabled",iconContainer:"text-color-disabled",hiddenInput:"cursor-not-allowed"},false:{row:"cursor-pointer",checkbox:"cursor-pointer",label:"cursor-pointer text-color",iconContainer:"text-color-base",hiddenInput:"cursor-pointer"}},labelPosition:{left:{row:"flex-row-reverse"},right:{row:"flex-row"}}},defaultVariants:{size:"medium",disabled:!1,labelPosition:"right"}},{twMerge:!1});render(){const{root:e,row:o,checkbox:r,iconContainer:t,label:c,hiddenInput:s,caption:a}=this.classes({size:this.size,disabled:this.disabled,labelPosition:this.labelPosition}),n=(this._id?this._id+"-internal-checkbox":void 0)??this.name??"bcm-checkbox";return i("div",{key:"d12a348162a9691876516c3472507a6fa05acc5c",class:e(),style:this.getStyles(),part:"checkbox"},i("div",{key:"6b8899b1ba3a0a0266179e8773aef9110edadeb9",class:o()},i("div",{key:"5f1c804c77f4fa25c4a6e8eea9960c79dfa6c9f5",class:"relative inline-flex"},i("input",{key:"0075e8d09f7b3ca3fee96438da51be0d7efcd19b",ref:e=>this.inputElement=e,type:"checkbox",role:"checkbox",id:n,name:this.name,checked:this.internalChecked,indeterminate:this.indeterminate,disabled:this.disabled,class:s(),"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"}),i("div",{key:"8a530bcbb30a74141c371e1887572559552fa5ef",class:r(),part:"control",onClick:()=>this.inputElement?.click()},this.internalChecked&&i("div",{key:"b9fdf174424d1a7a9e681c7f9407539e2bef5b7e",class:t(),part:"icon"},i("bcm-icon",{key:"5fc75c73d911a10fe11df2660e9eb20fa2d17091",name:"fa-regular fa-check"})),this.indeterminate&&!this.internalChecked&&i("div",{key:"c0a119d7c7d213c08ad1403f39c9f1a7265ffff5",class:t(),part:"icon"},i("bcm-icon",{key:"8770ed42caabfd3b71833251ee86a3711fb2235f",name:"fa-regular fa-minus"})))),i("label",{key:"df4a8c18520b44e69056a36c9c2d3c9580513efb",htmlFor:n,class:c(),part:"label"},i("slot",{key:"8699a9d7ac67878ab5fac3bc43b5e48d78d7c3c5"},this.label))),this.error&&this.caption&&i("span",{key:"7a1b552ce1aabd0a8ec834b9300eb2e72d27ac80",class:a(),part:"caption"},this.caption))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}}static get style(){return".relative{position:relative}.block{display:block}:host{align-self:center;display:block;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-3{height:.75rem;width:.75rem}.size-4{height:1rem;width:1rem}.size-\\[10px\\]{height:10px;width:10px}.size-\\[18px\\]{height:18px;width:18px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-sm{border-radius:var(--bcm-ui-border-radius-sm,4px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--border-color\\]{border-color:var(--border-color)}.bg-\\[--unchecked-color\\]{background-color:var(--unchecked-color)}.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-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-normal{font-weight:400}.text-color-base{color:var(--bcm-ui-color-text-base)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-error{color:var(--bcm-ui-color-text-error)}.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)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:border-\\[--border-color\\]:hover{border-color:var(--border-color)}.hover\\:border-\\[--hover-border-color\\]:hover{border-color:var(--hover-border-color)}.hover\\:bg-\\[--unchecked-color\\]:hover{background-color:var(--unchecked-color)}.peer:checked~.peer-checked\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:checked~.peer-checked\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:checked~.hover\\:peer-checked\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}.peer:indeterminate~.peer-indeterminate\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:indeterminate~.peer-indeterminate\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:indeterminate~.hover\\:peer-indeterminate\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}"}},[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]},void 0,{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-checkbox"].forEach((o=>{"bcm-checkbox"===o&&(customElements.get(e(o))||customElements.define(e(o),a))}))}n();const d=a,l=n;export{d as BcmCheckbox,l as defineCustomElement}
|
|
1
|
+
import{t as e,p as o,c as r,h as i}from"./index.js";import{t}from"./p-CEcVC0yX.js";import{g as c}from"./p-IBjzkjef.js";import{B as s}from"./p-SERXqWcS.js";const a=o(class extends s{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bcmCheckboxChange=r(this,"bcmCheckboxChange",1),this.internals=this.attachInternals()}get el(){return this}internals;_id=c("bcm-checkbox");label;indeterminate=!1;size="medium";error=!1;caption;labelPosition="right";fullWidth=!1;internalChecked=!1;touched=!1;submitAttempted=!1;bcmCheckboxChange;inputElement;componentWillLoad(){this.internalChecked=this.checked,this.updateFormValueAndValidity({setUi:!1})}componentDidLoad(){this.syncNativeInput();const e=this.internals?.form;e&&e.addEventListener("submit",this.onFormSubmit,!0)}disconnectedCallback(){const e=this.internals?.form;e&&e.removeEventListener("submit",this.onFormSubmit,!0)}onFormSubmit=()=>{this.submitAttempted=!0,this.updateFormValueAndValidity({setUi:!0})};formResetCallback(){super.formResetCallback(),this.internalChecked=!1,this.indeterminate=!1,this.touched=!1,this.submitAttempted=!1,this.error=!1,this.caption=void 0,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!1})}syncFromBase(e){this.internalChecked=e,this.indeterminate=!1,this.syncNativeInput()}onIndeterminateChange(){this.syncNativeInput()}syncNativeInput(){this.inputElement&&(this.inputElement.checked=this.internalChecked,this.inputElement.indeterminate=this.indeterminate&&!this.internalChecked,this.inputElement.disabled=this.disabled,this.inputElement.required="native"===this.validationMode&&this.required)}updateFormValueAndValidity(e){const o=e?.setUi??!0;if(!this.internals)return;if(this.disabled)return this.internals.setFormValue(null),this.internals.setValidity({}),void(o&&(this.error=!1,this.caption=void 0));if(this.internals.setFormValue(this.checked?this.value??"on":null),"none"===this.validationMode)return this.internals.setValidity({}),void(o&&(this.error=!1,this.caption=void 0));const r=this.required&&!this.checked;if("silent"!==this.validationMode){if(r)return this.internals.setValidity({valueMissing:!0},"This field is required",this.inputElement??void 0),void(o&&(this.error=!1,this.caption=void 0));this.internals.setValidity({}),o&&(this.error=!1,this.caption=void 0)}else if(this.internals.setValidity({}),o){const e=this.touched||this.submitAttempted;this.error=e&&r,this.caption=e&&r?"This field is required":void 0}}handleChange=()=>{this.disabled||(this.touched||(this.touched=!0),this.indeterminate=!1,this.toggleChecked(),this.internalChecked=!!this.checked,this.syncNativeInput(),this.updateFormValueAndValidity({setUi:!0}),this.bcmCheckboxChange.emit({element:this.inputElement,checked:this.checked}))};getStyles(){return{"--checked-color":"var(--bcm-ui-color-background-primary-default)","--unchecked-color":"var(--bcm-ui-color-background-default-default)","--border-color":"var(--bcm-ui-color-border-default)","--hover-border-color":"var(--bcm-ui-color-border-primary)","--hover-color":"var(--bcm-ui-color-background-info-hover)",...this.error?{"--checked-color":"var(--bcm-ui-color-background-error-default)","--unchecked-color":"var(--bcm-ui-color-background-palette-red-default)","--border-color":"var(--bcm-ui-color-border-error)","--hover-border-color":"var(--bcm-ui-color-border-error)","--hover-color":"var(--bcm-ui-color-border-error)"}:{},...this.disabled?{"--checked-color":"var(--bcm-ui-color-background-disabled-default)","--unchecked-color":"var(--bcm-ui-color-background-disabled-default)","--border-color":"var(--bcm-ui-color-border-disabled)","--hover-color":"var(--bcm-ui-color-border-disabled)","--hover-border-color":"var(--bcm-ui-color-border-disabled)"}:{}}}classes=t({slots:{root:"bcm-ui-element bcm-checkbox flex flex-col",row:"flex items-center",checkbox:["flex items-center justify-center rounded-sm","border border-solid border-[--border-color]","bg-[--unchecked-color]","transition-colors duration-200 ease-out","peer-checked:bg-[--checked-color]","peer-checked:border-[--checked-color]","peer-indeterminate:bg-[--checked-color]","peer-indeterminate:border-[--checked-color]","hover:border-[--hover-border-color]","hover:peer-checked:bg-[--hover-color]","hover:peer-indeterminate:bg-[--hover-color]"],iconContainer:"flex items-center justify-center",label:"select-none text-color",hiddenInput:"sr-only peer",caption:"mt-1 text-color-error font-normal"},variants:{size:{small:{row:"gap-2",checkbox:"size-3",iconContainer:"size-2 text-size-2",label:"text-size-4",hiddenInput:"size-3",caption:"text-size-3"},medium:{row:"gap-2.5",checkbox:"size-4",iconContainer:"size-[10px] text-size-3",label:"text-size-5",hiddenInput:"size-4",caption:"text-size-4"},large:{row:"gap-3",checkbox:"size-[18px]",iconContainer:"size-4 text-size-4",label:"text-size-6",hiddenInput:"size-[18px]",caption:"text-size-5"}},disabled:{true:{row:"cursor-not-allowed",checkbox:"cursor-not-allowed hover:border-[--border-color] hover:bg-[--unchecked-color]",label:"cursor-not-allowed text-color-disabled",iconContainer:"text-color-disabled",hiddenInput:"cursor-not-allowed"},false:{row:"cursor-pointer",checkbox:"cursor-pointer",label:"cursor-pointer text-color",iconContainer:"text-color-base",hiddenInput:"cursor-pointer"}},labelPosition:{left:{row:"flex-row-reverse"},right:{row:"flex-row"}}},defaultVariants:{size:"medium",disabled:!1,labelPosition:"right"}},{twMerge:!1});render(){const{root:e,row:o,checkbox:r,iconContainer:t,label:c,hiddenInput:s,caption:a}=this.classes({size:this.size,disabled:this.disabled,labelPosition:this.labelPosition}),n=(this._id?this._id+"-internal-checkbox":void 0)??this.name??"bcm-checkbox";return i("div",{key:"1439de99bbd34bf79e8c4aab73e53ad7210889cf",class:e(),style:this.getStyles(),part:"checkbox"},i("div",{key:"11b06ec19eee1795dc5c38838fe8140d987aca05",class:o()},i("div",{key:"58349e8fc657776c99e24abe6f7fe5f245f15b7f",class:"relative inline-flex"},i("input",{key:"0effd2f01aa147bce8c9a0af237ed37292805a2b",ref:e=>this.inputElement=e,type:"checkbox",role:"checkbox",id:n,name:this.name,checked:this.internalChecked,indeterminate:this.indeterminate,disabled:this.disabled,class:s(),"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"}),i("div",{key:"5c1c6fbd7f3a651f5dcbb445019c6c68f3f1482f",class:r(),part:"control",onClick:()=>this.inputElement?.click()},this.internalChecked&&i("div",{key:"982565dc34854eb2992d7c37b5c79f48aad81fde",class:t(),part:"icon"},i("bcm-icon",{key:"27edfb270f68a8e2579d7ddda1d2c7db74e69cb1",name:"fa-regular fa-check"})),this.indeterminate&&!this.internalChecked&&i("div",{key:"b42c459bc20d2cb3992b72e19e1cb0b307aaa7aa",class:t(),part:"icon"},i("bcm-icon",{key:"01c0e0d5aeb32f962699c80dfcfd4b85ea315e19",name:"fa-regular fa-minus"})))),i("label",{key:"01a0c46e1d5a5e839e6316416856b8928b3b380f",htmlFor:n,class:c(),part:"label"},i("slot",{key:"f874e503e169b3296f31002ad739d978fdb4b37f"},this.label))),this.error&&this.caption&&i("span",{key:"d8453e0638c46c59e6bcbb58340b4b0eb679c863",class:a(),part:"caption"},this.caption))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}}static get style(){return".relative{position:relative}.block{display:block}:host{align-self:center;display:block;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{height:.5rem;width:.5rem}.size-3{height:.75rem;width:.75rem}.size-4{height:1rem;width:1rem}.size-\\[10px\\]{height:10px;width:10px}.size-\\[18px\\]{height:18px;width:18px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-sm{border-radius:var(--bcm-ui-border-radius-sm,4px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--border-color\\]{border-color:var(--border-color)}.bg-\\[--unchecked-color\\]{background-color:var(--unchecked-color)}.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-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-normal{font-weight:400}.text-color-base{color:var(--bcm-ui-color-text-base)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-error{color:var(--bcm-ui-color-text-error)}.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)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:border-\\[--border-color\\]:hover{border-color:var(--border-color)}.hover\\:border-\\[--hover-border-color\\]:hover{border-color:var(--hover-border-color)}.hover\\:bg-\\[--unchecked-color\\]:hover{background-color:var(--unchecked-color)}.peer:checked~.peer-checked\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:checked~.peer-checked\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:checked~.hover\\:peer-checked\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}.peer:indeterminate~.peer-indeterminate\\:border-\\[--checked-color\\]{border-color:var(--checked-color)}.peer:indeterminate~.peer-indeterminate\\:bg-\\[--checked-color\\]{background-color:var(--checked-color)}.peer:indeterminate~.hover\\:peer-indeterminate\\:bg-\\[--hover-color\\]:hover{background-color:var(--hover-color)}"}},[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]},void 0,{checked:[{onStateChange:0},{syncFromBase:0}],required:[{onStateChange:0}],disabled:[{onStateChange:0}],value:[{onStateChange:0}],indeterminate:[{onIndeterminateChange:0}]}]);function n(){"undefined"!=typeof customElements&&["bcm-checkbox"].forEach((o=>{"bcm-checkbox"===o&&(customElements.get(e(o))||customElements.define(e(o),a))}))}n();const d=a,l=n;export{d as BcmCheckbox,l as defineCustomElement}
|