bromcom-ui-next 0.1.13 → 0.1.15
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-88d78cdd.entry.js → p-03be08cc.entry.js} +2 -2
- package/dist/bromcom-ui/{p-098c2b77.entry.js → p-0721540b.entry.js} +2 -2
- package/dist/bromcom-ui/{p-352a0465.entry.js → p-1be5f78e.entry.js} +2 -2
- package/dist/bromcom-ui/p-35559656.entry.js +2 -0
- package/dist/bromcom-ui/p-35559656.entry.js.map +1 -0
- package/dist/bromcom-ui/{p-36656795.entry.js → p-404e19f9.entry.js} +2 -2
- package/dist/bromcom-ui/{p-86feadca.entry.js → p-4106560e.entry.js} +2 -2
- package/dist/bromcom-ui/{p-1c2d7a9f.entry.js → p-4149c766.entry.js} +2 -2
- package/dist/bromcom-ui/{p-7e9223c8.entry.js → p-42b485a7.entry.js} +2 -2
- package/dist/bromcom-ui/{p-fd7f1fa0.entry.js → p-42feef7e.entry.js} +2 -2
- package/dist/bromcom-ui/{p-a4148502.entry.js → p-560b2394.entry.js} +2 -2
- package/dist/bromcom-ui/{p-c9b1e4ec.entry.js → p-56f1cec8.entry.js} +2 -2
- package/dist/bromcom-ui/{p-5cb49a5f.entry.js → p-67ceb7f3.entry.js} +2 -2
- package/dist/bromcom-ui/{p-1ad74a16.entry.js → p-77abe8d1.entry.js} +2 -2
- package/dist/bromcom-ui/{p-3ef04b27.entry.js → p-7b93985f.entry.js} +2 -2
- package/dist/bromcom-ui/{p-25ad3dab.entry.js → p-7e97d4e2.entry.js} +2 -2
- package/dist/bromcom-ui/{p-d9dfad58.entry.js → p-7f4cb7a0.entry.js} +2 -2
- package/dist/bromcom-ui/{p-3254a2a8.entry.js → p-842b48ae.entry.js} +2 -2
- package/dist/bromcom-ui/{p-5f8c6436.entry.js → p-8550a2aa.entry.js} +2 -2
- package/dist/bromcom-ui/p-9cb99b5d.entry.js +2 -0
- package/dist/bromcom-ui/{p-a4ee16c5.entry.js.map → p-9cb99b5d.entry.js.map} +1 -1
- package/dist/bromcom-ui/{p-52ae94e5.entry.js → p-aae240d5.entry.js} +2 -2
- package/dist/bromcom-ui/{p-52a20dbc.entry.js → p-adda3b4e.entry.js} +2 -2
- package/dist/bromcom-ui/{p-82ba9870.entry.js → p-cbd2f782.entry.js} +2 -2
- package/dist/bromcom-ui/p-ddf64315.js.map +1 -1
- package/dist/bromcom-ui/{p-a4c27c77.entry.js → p-ea1368b5.entry.js} +2 -2
- package/dist/bromcom-ui/{p-604cb620.entry.js → p-fe7e2cfd.entry.js} +2 -2
- package/dist/cjs/app-globals-e0eef2e9.js.map +1 -1
- package/dist/cjs/bcm-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
- package/dist/cjs/bcm-alert.cjs.entry.js +1 -1
- package/dist/cjs/bcm-badge.cjs.entry.js +2 -2
- package/dist/cjs/bcm-basic-badge.cjs.entry.js +2 -2
- package/dist/cjs/bcm-button-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-button_5.cjs.entry.js +73 -60
- package/dist/cjs/bcm-button_5.cjs.entry.js.map +1 -1
- package/dist/cjs/bcm-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bcm-chip.cjs.entry.js +1 -1
- package/dist/cjs/bcm-divider.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input.cjs.entry.js +2 -2
- package/dist/cjs/bcm-pop-confirm.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover.cjs.entry.js +1 -1
- 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-segmented-picker-option.cjs.entry.js +2 -2
- package/dist/cjs/bcm-segmented-picker.cjs.entry.js +2 -2
- package/dist/cjs/bcm-switch.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tabs-content.cjs.entry.js +1 -1
- package/dist/cjs/bcm-tabs-list.cjs.entry.js +1 -1
- package/dist/cjs/bcm-tabs-trigger.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tabs-trigger.cjs.entry.js.map +1 -1
- package/dist/cjs/bcm-tabs.cjs.entry.js +1 -1
- package/dist/cjs/bcm-textarea.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tooltip.cjs.entry.js +1 -1
- package/dist/collection/components/accordion/accordion.component.js +2 -2
- package/dist/collection/components/accordion-group/accordion-group.component.js +1 -1
- package/dist/collection/components/alert/alert.component.js +1 -1
- package/dist/collection/components/badge/badge.component.js +2 -2
- package/dist/collection/components/basic-badge/basic-badge.component.js +2 -2
- 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/checkbox/checkbox.component.js +1 -1
- package/dist/collection/components/chip/chip.component.js +1 -1
- package/dist/collection/components/divider/divider.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 +67 -54
- package/dist/collection/components/linked/linked.component.js.map +1 -1
- package/dist/collection/components/linked/linked.css +1 -1
- package/dist/collection/components/pop-confirm/pop-confirm.component.js +1 -1
- package/dist/collection/components/popover/popover.component.js +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/segmented-picker-option.component.js +2 -2
- package/dist/collection/components/segmented-picker/segmented-picker.component.js +2 -2
- package/dist/collection/components/switch/switch.component.js +2 -2
- package/dist/collection/components/tabs/tabs-content.component.js +1 -1
- package/dist/collection/components/tabs/tabs-list.component.js +1 -1
- package/dist/collection/components/tabs/tabs-trigger.component.js +1 -1
- package/dist/collection/components/tabs/tabs-trigger.css +1 -1
- package/dist/collection/components/tabs/tabs.component.js +1 -1
- package/dist/collection/components/text/text.component.js +1 -1
- package/dist/collection/components/textarea/textarea.component.js +3 -3
- package/dist/collection/components/tooltip/tooltip.component.js +1 -1
- package/dist/components/bcm-accordion-group.js +1 -1
- package/dist/components/bcm-accordion.js +2 -2
- package/dist/components/bcm-alert.js +1 -1
- package/dist/components/bcm-avatar.js +1 -1
- package/dist/components/bcm-badge.js +1 -1
- package/dist/components/bcm-basic-badge.js +2 -2
- package/dist/components/bcm-button-group.js +2 -2
- 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-dropdown-item.js +2 -2
- package/dist/components/bcm-dropdown.js +4 -4
- package/dist/components/bcm-dropdown.js.map +1 -1
- package/dist/components/bcm-input.js +2 -2
- package/dist/components/bcm-linked.js +1 -1
- package/dist/components/bcm-pop-confirm.js +2 -2
- package/dist/components/bcm-popover.js +1 -1
- package/dist/components/bcm-radio-group.js +2 -2
- package/dist/components/bcm-radio.js +1 -1
- package/dist/components/bcm-segmented-picker-option.js +2 -2
- package/dist/components/bcm-segmented-picker.js +2 -2
- package/dist/components/bcm-switch.js +2 -2
- package/dist/components/bcm-tabs-content.js +1 -1
- package/dist/components/bcm-tabs-list.js +1 -1
- package/dist/components/bcm-tabs-trigger.js +2 -2
- package/dist/components/bcm-tabs-trigger.js.map +1 -1
- package/dist/components/bcm-tabs.js +1 -1
- package/dist/components/bcm-text.js +1 -1
- package/dist/components/bcm-textarea.js +3 -3
- package/dist/components/bcm-tooltip.js +1 -1
- package/dist/components/{p-a83859ff.js → p-39872cdf.js} +67 -54
- package/dist/components/p-39872cdf.js.map +1 -0
- package/dist/components/{p-69f4b010.js → p-4cc3e4d7.js} +3 -3
- package/dist/components/{p-69f4b010.js.map → p-4cc3e4d7.js.map} +1 -1
- package/dist/components/{p-d600acb5.js → p-c7b74f83.js} +4 -4
- package/dist/components/{p-d600acb5.js.map → p-c7b74f83.js.map} +1 -1
- package/dist/esm/app-globals-f7994f55.js.map +1 -1
- package/dist/esm/bcm-accordion-group.entry.js +1 -1
- package/dist/esm/bcm-accordion.entry.js +2 -2
- package/dist/esm/bcm-alert.entry.js +1 -1
- package/dist/esm/bcm-badge.entry.js +2 -2
- package/dist/esm/bcm-basic-badge.entry.js +2 -2
- package/dist/esm/bcm-button-group.entry.js +2 -2
- package/dist/esm/bcm-button_5.entry.js +73 -60
- package/dist/esm/bcm-button_5.entry.js.map +1 -1
- package/dist/esm/bcm-checkbox.entry.js +1 -1
- package/dist/esm/bcm-chip.entry.js +1 -1
- package/dist/esm/bcm-divider.entry.js +1 -1
- package/dist/esm/bcm-input.entry.js +2 -2
- package/dist/esm/bcm-pop-confirm.entry.js +1 -1
- package/dist/esm/bcm-popover.entry.js +1 -1
- package/dist/esm/bcm-radio-group.entry.js +2 -2
- package/dist/esm/bcm-radio.entry.js +1 -1
- package/dist/esm/bcm-segmented-picker-option.entry.js +2 -2
- package/dist/esm/bcm-segmented-picker.entry.js +2 -2
- package/dist/esm/bcm-switch.entry.js +2 -2
- package/dist/esm/bcm-tabs-content.entry.js +1 -1
- package/dist/esm/bcm-tabs-list.entry.js +1 -1
- package/dist/esm/bcm-tabs-trigger.entry.js +2 -2
- package/dist/esm/bcm-tabs-trigger.entry.js.map +1 -1
- package/dist/esm/bcm-tabs.entry.js +1 -1
- package/dist/esm/bcm-textarea.entry.js +3 -3
- package/dist/esm/bcm-tooltip.entry.js +1 -1
- package/dist/types/components/linked/linked.component.d.ts +3 -2
- package/package.json +1 -1
- package/dist/bromcom-ui/p-2f1a832e.entry.js +0 -2
- package/dist/bromcom-ui/p-2f1a832e.entry.js.map +0 -1
- package/dist/bromcom-ui/p-a4ee16c5.entry.js +0 -2
- package/dist/components/p-a83859ff.js.map +0 -1
- /package/dist/bromcom-ui/{p-88d78cdd.entry.js.map → p-03be08cc.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-098c2b77.entry.js.map → p-0721540b.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-352a0465.entry.js.map → p-1be5f78e.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-36656795.entry.js.map → p-404e19f9.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-86feadca.entry.js.map → p-4106560e.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-1c2d7a9f.entry.js.map → p-4149c766.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-7e9223c8.entry.js.map → p-42b485a7.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-fd7f1fa0.entry.js.map → p-42feef7e.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-a4148502.entry.js.map → p-560b2394.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-c9b1e4ec.entry.js.map → p-56f1cec8.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-5cb49a5f.entry.js.map → p-67ceb7f3.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-1ad74a16.entry.js.map → p-77abe8d1.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-3ef04b27.entry.js.map → p-7b93985f.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-25ad3dab.entry.js.map → p-7e97d4e2.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-d9dfad58.entry.js.map → p-7f4cb7a0.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-3254a2a8.entry.js.map → p-842b48ae.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-5f8c6436.entry.js.map → p-8550a2aa.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-52ae94e5.entry.js.map → p-aae240d5.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-52a20dbc.entry.js.map → p-adda3b4e.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-82ba9870.entry.js.map → p-cbd2f782.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-a4c27c77.entry.js.map → p-ea1368b5.entry.js.map} +0 -0
- /package/dist/bromcom-ui/{p-604cb620.entry.js.map → p-fe7e2cfd.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.absolute{position:absolute}.relative{position:relative}.block{display:block}.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)}
|
|
1
|
+
.absolute{position:absolute}.relative{position:relative}.block{display:block}.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)}bcm-linked{display:block;position:relative}bcm-linked[append-to-body]{display:none}.floating-content{min-width:-moz-max-content;min-width:max-content;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;will-change:transform,opacity}.floating-visible{animation:fadeInScale .2s ease-out}.floating-hidden{display:none!important;pointer-events:none}.floating-wrapper{position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-arrow{z-index:-1}.floating-arrow,.floating-arrow:before{height:10px;position:absolute;width:10px}.floating-arrow:before{background:#fff;border:1px solid #e2e8f0;content:"";transform:rotate(45deg)}.arrow-top{bottom:-5px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%)}.arrow-bottom{top:-5px}.arrow-left{right:-5px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%)}.arrow-right{left:-5px}.arrow-top:before{border-bottom:0;border-right:0}.arrow-bottom:before{border-left:0;border-top:0}.arrow-left:before{border-right:0;border-top:0}.arrow-right:before{border-bottom:0;border-left:0}@media (max-width:768px){.floating-content{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.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)}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}
|
|
@@ -291,7 +291,7 @@ export class PopConfirm {
|
|
|
291
291
|
const { container, header, footer, headerLeftContent, closeIconArea, titleContainer } = this.classes({
|
|
292
292
|
size: this.size,
|
|
293
293
|
});
|
|
294
|
-
return (h(Fragment, { key: '
|
|
294
|
+
return (h(Fragment, { key: '0abaad2e0e0912b8642b53ba5a43e55343a91fe5' }, this.isOpen && (h("div", { key: '381f0661d0ad5cbbba8fef39f4818b8f9e6c6d49', role: "dialog", "aria-labelledby": "pop-confirm-title", style: this.popoverStyle, class: container(), ref: el => (this.popoverElement = el) }, h("div", { key: '197786b5df0ed7d1a36e874f4b18a0ad076854cc', ref: el => (this.arrowElement = el), class: `arrow w-4 h-2 ${(_a = this.currentPlacement) !== null && _a !== void 0 ? _a : 'top'}` }), h("header", { key: 'bef48d54efbcacee930e9ea452825ca5442014e7', class: header() }, h("div", { key: '942363a2f8c8b9d7cc992d7a4a1a27303cbc5d72', class: headerLeftContent() }, this.statusIcon && h("bcm-icon", { key: 'ab80812609cfe35b24ef116592d3a8ca5e7ed8ba', "icon-name": statusIcons[this.status] }), h("span", { key: 'e062b7cdf8aaefb456d1aced97a7578395a558c2', class: titleContainer() }, this.headerText), h("slot", { key: '3d9c6a4e54edad6dd6f9c62106a04a44a7ed2642', name: "header" })), h("div", { key: 'be9ba74f85af483cd34586b1e3446244fdce25b3', class: closeIconArea(), onClick: this.handleCancel }, h("bcm-icon", { key: 'a72472ceccbc938f540351dc94e67876ac08badb', "icon-name": "far fa-times" }))), h("main", { key: 'eef82569fa631d7d18181a14fcd593274cb36ca9', class: "flex-1 mx-auto font-sans text-pretty" }, h("slot", { key: '972e9635e16de25b6b0e71303cdbd2914384ea26', name: "body" }, this.description)), h("footer", { key: '9727ecff0b5a79d98c0eb6a285877aee4bfd2bfc', class: footer() }, h("bcm-button", { key: '8c550771942f0b3c992eac30d13a2fd159962e78', kind: "outline", size: this.size, onClick: this.handleCancel }, this.cancelText), h("bcm-button", { key: '3bc99d1199382178f92185e3d4061b0539466b41', size: this.size, status: this.status, kind: "primary", onClick: this.handleConfirm }, this.confirmText), h("slot", { key: '1132d6f89e8b8363cb8ddbcc608cfa0de948be85', name: "footer" }))))));
|
|
295
295
|
}
|
|
296
296
|
static get is() { return "bcm-pop-confirm"; }
|
|
297
297
|
static get encapsulation() { return "shadow"; }
|
|
@@ -206,7 +206,7 @@ export class Popover {
|
|
|
206
206
|
isOpen: this.open,
|
|
207
207
|
size: this.size,
|
|
208
208
|
});
|
|
209
|
-
return (h("div", { key: '
|
|
209
|
+
return (h("div", { key: '083ef2273d093e2f28655eeb51af968cf81d5f4f', class: "relative" }, h("slot", { key: 'd585cf566cd6f83285799c9ff7bcd9af68906565', onSlotchange: () => this.handleSlotChange() }), h("div", { key: '5a2765cd44fba885ae4f15db90b40c10c7ae412a', part: "popover", class: box(), role: "dialog", "aria-hidden": !this.open ? 'true' : 'false', ref: el => (this.popoverElement = el) }, h("div", { key: 'e166c38a3034dd0da20a3dc283f24a258912eb0b', class: arrow(), ref: el => (this.arrowElement = el), part: "arrow" }), h("div", { key: 'cc0adf878938a0822fe4b406fe4c7aa9e4cd934f', class: header(), part: "header" }, h("slot", { key: '8150657d1b921868f605d62e4b4f0e67b1c346f5', name: "header" }, this.headerText)), h("div", { key: '524337a641cff5d3e95aeb97760909d06ad8d50d', class: content(), part: "content" }, h("slot", { key: '8d270fdb690f7ea65abcb346698d41f018df5117', name: "content" }, this.message)))));
|
|
210
210
|
}
|
|
211
211
|
static get is() { return "bcm-popover"; }
|
|
212
212
|
static get encapsulation() { return "shadow"; }
|
|
@@ -190,7 +190,7 @@ export class BcmRadio {
|
|
|
190
190
|
readonly: this.readonly,
|
|
191
191
|
labelPosition: this.labelPosition,
|
|
192
192
|
});
|
|
193
|
-
return (h("label", { key: '
|
|
193
|
+
return (h("label", { key: '49fcb622640b201f52dd9f39aaae789803a85c73', class: container(), style: this.getRadioStyle() }, h("input", { key: '2c9bb12a06d535504439f8c72524103a109107e7', "aria-label": this.label, role: "radio", "aria-checked": this.checked.toString(), type: "radio", name: this.name, value: this.value, disabled: this.disabled, readOnly: this.readonly, checked: this.checked, class: "appearance-none sr-only", onClick: () => this.handleClick(), onFocus: e => this.bcmFocus.emit(e), onBlur: e => this.bcmBlur.emit(e) }), h("div", { key: '879d950b3885ef9e5a155086869efa5c037e7b1b', class: dotContainer() }, h("div", { key: '62c61bce309b364dbc3dce3d2159210d56249889', class: dot() })), h("span", { key: '277221257d5dc646a195e8361893a83886bbbcef', class: labelClass() }, h("slot", { key: 'bc348844c8722e7c8f119bebd1e726fab50fa650' }, this.label))));
|
|
194
194
|
}
|
|
195
195
|
static get is() { return "bcm-radio"; }
|
|
196
196
|
static get encapsulation() { return "shadow"; }
|
|
@@ -178,14 +178,14 @@ export class BcmRadioGroup {
|
|
|
178
178
|
size: this.size,
|
|
179
179
|
direction: this.direction,
|
|
180
180
|
});
|
|
181
|
-
return (h("div", { key: '
|
|
181
|
+
return (h("div", { key: '3a67eb56fe53467719a805529acd8ef98568d91e', class: host() }, this.label && (h("label", { key: '67e7e83b6ac7ecf852a7843fba71ba05cd8196f4', class: classNames('input-label font-medium', {
|
|
182
182
|
'text-color-label': !this.disabled,
|
|
183
183
|
'text-color-disabled': this.disabled,
|
|
184
184
|
}, {
|
|
185
185
|
'text-size-3': this.size === 'small',
|
|
186
186
|
'text-size-4': this.size === 'medium',
|
|
187
187
|
'text-size-5': this.size === 'large',
|
|
188
|
-
}) }, h("slot", { key: '
|
|
188
|
+
}) }, h("slot", { key: 'aa3163d3a62c4f1be539cc292b324d543ea8447f', name: "label" }, this.label), this.required && h("span", { key: 'f11d9fd05bc09f2a01a1772b79a8146c392bf5dd' }, "*"))), h("div", { key: '6628dbe32507445ce01d430bd1cebdf2ec9cb83a', class: container() }, h("slot", { key: '692aeb2f866bceec5e8b0ff0b31914f98ff03dc2', onSlotchange: this.handleSlotChange })), this.captionText && (h("div", { key: 'fe024fbd773a8a43ddd79e60a66c09334b882c96', class: classNames('input-caption-text font-regular mt-1', {
|
|
189
189
|
'text-[--bcm-ui-color-text-caption]': !this.disabled,
|
|
190
190
|
'text-[--bcm-ui-color-text-error]': !this.disabled && this.error,
|
|
191
191
|
'text-[--bcm-ui-color-text-disabled]': this.disabled,
|
|
@@ -84,11 +84,11 @@ export class BcmSegmentedPickerOption {
|
|
|
84
84
|
render() {
|
|
85
85
|
const size = this.size || this.getSizeFromParent();
|
|
86
86
|
const disabled = this.isDisabled();
|
|
87
|
-
return (h(Host, { key: '
|
|
87
|
+
return (h(Host, { key: '1dbccef734760bfce79b3349e3443edc81eb18c8' }, h("button", { key: 'bd45f4fe085df93346f1c471ee25f41f3d1f599c', class: this.optionClass({
|
|
88
88
|
size,
|
|
89
89
|
selected: this.selected,
|
|
90
90
|
disabled,
|
|
91
|
-
}), onClick: this.handleClick, disabled: disabled, type: "button" }, h("slot", { key: '
|
|
91
|
+
}), onClick: this.handleClick, disabled: disabled, type: "button" }, h("slot", { key: '138c4b9ab99a738ec8b69726a44961ba2aaf0cdc' }, this.label))));
|
|
92
92
|
}
|
|
93
93
|
static get is() { return "bcm-segmented-picker-option"; }
|
|
94
94
|
static get encapsulation() { return "shadow"; }
|
|
@@ -118,11 +118,11 @@ export class BcmSegmentedPicker {
|
|
|
118
118
|
}, 10);
|
|
119
119
|
}
|
|
120
120
|
render() {
|
|
121
|
-
return (h(Host, { key: '
|
|
121
|
+
return (h(Host, { key: '571801e9cda644fdeefdf11f33789051c0f70145' }, h("div", { key: '0dde275a03d67eab8acfe4fab419f59bbabcf0f2', class: this.segmentedClass({
|
|
122
122
|
size: this.size,
|
|
123
123
|
fullWidth: this.fullWidth,
|
|
124
124
|
disabled: this.disabled,
|
|
125
|
-
}) }, h("div", { key: '
|
|
125
|
+
}) }, h("div", { key: '87a53fc461965d4fc29b16e20585b0db2c4fe459', class: "segmented-indicator absolute bg-[--bcm-ui-color-background-base-default] z-0 rounded", style: this.indicatorStyles }), h("div", { key: 'a803b9207b514760ba16c004aa33836379797fd9', class: "segmented-options flex relative z-10 w-full" }, h("slot", { key: '7b5df35c4d424ab84cfebac564a50b96dcbd933b' })))));
|
|
126
126
|
}
|
|
127
127
|
static get is() { return "bcm-segmented-picker"; }
|
|
128
128
|
static get encapsulation() { return "shadow"; }
|
|
@@ -190,12 +190,12 @@ export class BcmSwitch {
|
|
|
190
190
|
});
|
|
191
191
|
const ariaAttributes = Object.assign({ 'role': 'switch', 'aria-checked': this.checked.toString(), 'aria-disabled': this.disabled.toString(), 'aria-readonly': this.readonly.toString() }, (this.required && { 'aria-required': 'true' }));
|
|
192
192
|
const tabIndexAttr = !this.readonly && !this.disabled ? { tabindex: '0' } : {};
|
|
193
|
-
return (h("div", { key: '
|
|
193
|
+
return (h("div", { key: '78be11da3cff01c755620ffc913a1acf714ff04d', class: base() }, h("label", { key: '9eeecd62889eb6c2aa5b3184682bda4b0d36f04a', class: switchWrapper(), style: this.switchStyle() }, h("input", { key: '9b22c1f3dcddbf24db21fd86347773f739abc731', id: this.switchId, type: "checkbox", class: "hidden peer", checked: this.checked, name: this.name, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onChange: () => this.toggleSwitch() }), this.label && h("span", { key: '829c07905b163187b5802be3145e02976b8b8fcc', class: label() }, h("slot", { key: '45e44bdba10ea0695d5ce346283827dfe9f8575d' }, this.label)), h("label", Object.assign({ key: '3b918162f05b833c339b46bc3d3bc07f4e86c8bd', htmlFor: this.switchId, class: dotContainer() }, tabIndexAttr, ariaAttributes, { onKeyDown: event => {
|
|
194
194
|
if ((event.key === 'Enter' || event.key === ' ') && !this.readonly && !this.disabled) {
|
|
195
195
|
event.preventDefault();
|
|
196
196
|
this.toggleSwitch();
|
|
197
197
|
}
|
|
198
|
-
} }), h("div", { key: '
|
|
198
|
+
} }), h("div", { key: 'c77f5b63686eeebe72dab50b2e00d5cfec7ddecf', class: dot() }))), this.error && this.caption && h("span", { key: 'c872a7d7fba3a650341cb230c7377b32f43c937d', class: caption() }, this.caption), h("slot", { key: '36c8458eefd92f6889951c36f46d84f3675ba193', name: "caption" })));
|
|
199
199
|
}
|
|
200
200
|
static get is() { return "bcm-switch"; }
|
|
201
201
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export class BcmTabsContent {
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '99de2fdc1c528dd7287d0e49858cc04b7207c244', role: "tabpanel" }, h("slot", { key: '48fe2edf256c352892714aba90468e43e7deff4a' })));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "bcm-tabs-content"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,7 +28,7 @@ export class BcmTabsList {
|
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
30
|
const { container, inkbar, tabList } = this.class();
|
|
31
|
-
return (h("div", { key: '
|
|
31
|
+
return (h("div", { key: '8965018c5da77378a119c889044088caf1ff2659', class: container(), slot: "tabs-list" }, h("div", { key: '83b1220210909270e5b9b30e827bade4ddf7059f', class: inkbar() }), h("div", { key: '0a8c25220e73a2a2054dad1395e557fb5eadea5c', class: tabList(), role: "tablist" }, h("slot", { key: '4c5574f602a3721b9d1437b39b1b1ff54e735daf' }))));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "bcm-tabs-list"; }
|
|
34
34
|
static get encapsulation() { return "shadow"; }
|
|
@@ -75,7 +75,7 @@ export class BcmTabsTrigger {
|
|
|
75
75
|
active: this.active,
|
|
76
76
|
disabled: this.disabled,
|
|
77
77
|
});
|
|
78
|
-
return (h(Host, { key: '
|
|
78
|
+
return (h(Host, { key: '2d8e6c966162facbc2c34aeecdd32d0b69024a3a', role: "tab", "aria-selected": this.active.toString(), "aria-disabled": this.disabled }, h("button", { key: '258b41f80ef9ab8b258e27aca6f44f1888dc7da7', class: tab(), disabled: this.disabled, part: "tab", onClick: () => this.handleClick() }, h("slot", { key: '2d98c9a3e6c85e9bbb9803c47934cc0b31b5a736' })), h("div", { key: 'bd48f01c90894e1a1553e1de2bb16c24239ec9fd', class: borderLine() })));
|
|
79
79
|
}
|
|
80
80
|
static get is() { return "bcm-tabs-trigger"; }
|
|
81
81
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.relative{position:relative}.block{display:block}:host{display:block;position:relative;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.flex{display:flex}.h-\[2px\]{height:2px}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.border-none{border-style:none}.bg-\[--bcm-ui-color-text-default\]{background-color:var(--bcm-ui-color-text-default)}.bg-\[--bcm-ui-color-text-disabled\]{background-color:var(--bcm-ui-color-text-disabled)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.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-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.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)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-color-primary:hover{color:var(--bcm-ui-color-text-primary)}
|
|
1
|
+
.relative{position:relative}.block{display:block}:host{display:block;position:relative;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.flex{display:flex}.h-\[2px\]{height:2px}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.border-none{border-style:none}.bg-\[--bcm-ui-color-text-default\]{background-color:var(--bcm-ui-color-text-default)}.bg-\[--bcm-ui-color-text-disabled\]{background-color:var(--bcm-ui-color-text-disabled)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.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-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.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)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-color-primary:hover{color:var(--bcm-ui-color-text-primary)}
|
|
@@ -192,7 +192,7 @@ export class BcmTabs {
|
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
194
|
render() {
|
|
195
|
-
return (h(Host, { key: '
|
|
195
|
+
return (h(Host, { key: '90a1296c412a53c936691176b1d1e4feb1459a4d' }, h("div", { key: 'bfb23bf3b9bdb94aefab65541a0b3eb0423b726b', class: this.tabClass() }, h("slot", { key: 'fd4a8809d06c9c155f2d2f87caa1c55087f423f7', name: "tabs-list" }), h("slot", { key: '218450d64bd1cf715581e0a17070b88211e81d9f' }))));
|
|
196
196
|
}
|
|
197
197
|
static get is() { return "bcm-tabs"; }
|
|
198
198
|
static get encapsulation() { return "shadow"; }
|
|
@@ -90,7 +90,7 @@ export class BcmText {
|
|
|
90
90
|
const Tag = variantTagMap[this.variant];
|
|
91
91
|
const variantClass = this.getTextClass(this.variant, this.size);
|
|
92
92
|
const overflowClass = this.getOverflowClass((_a = this.overflow) !== null && _a !== void 0 ? _a : false);
|
|
93
|
-
return (h(Tag, { key: '
|
|
93
|
+
return (h(Tag, { key: 'ef2836e00bfbb1dd406179f403720e013eeb6239', class: cs('bcm-text appearance-none m-0 p-0', variantClass, overflowClass), part: "text" }, h("slot", { key: 'b707cba3afdcb3892a4fa0d3ea22daefa4b7952a' }, this.text)));
|
|
94
94
|
}
|
|
95
95
|
static get is() { return "bcm-text"; }
|
|
96
96
|
static get encapsulation() { return "shadow"; }
|
|
@@ -261,14 +261,14 @@ export class BcmTextarea {
|
|
|
261
261
|
disabled: this.disabled,
|
|
262
262
|
focused: this.isFocused,
|
|
263
263
|
});
|
|
264
|
-
return (h("div", { key: '
|
|
264
|
+
return (h("div", { key: '84e5a1c974ab1998170232ef63f58a1cf967beee', class: "bcm-ui-element" }, this.label && (h("label", { key: '3d3bd4c4d65307917aeb5f4175cd3e09e7acd2d3', class: classNames('textarea-label font-medium', {
|
|
265
265
|
'text-color-label': !this.disabled,
|
|
266
266
|
'text-color-disabled': this.disabled,
|
|
267
267
|
}, {
|
|
268
268
|
'text-size-3': this.size === 'small',
|
|
269
269
|
'text-size-4': this.size === 'medium',
|
|
270
270
|
'text-size-5': this.size === 'large',
|
|
271
|
-
}), htmlFor: textareaId }, h("slot", { key: '
|
|
271
|
+
}), htmlFor: textareaId }, h("slot", { key: '5262a6ebe929e326355e4cf18e47db49e8350b05', name: "label" }, this.label), this.required && h("span", { key: '42205548abefadd715eaafdcad4031effc71a4c4' }, "*"))), h("div", { key: 'e7305ad7b923e27b63b518a45bd21470214db4d2', class: base() }, h("textarea", { key: '276dbfa0caea27960607f29ced885ca557519e95', 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 => {
|
|
272
272
|
const target = event.target;
|
|
273
273
|
this.value = target.value;
|
|
274
274
|
this.bcmInput.emit(event);
|
|
@@ -276,7 +276,7 @@ export class BcmTextarea {
|
|
|
276
276
|
if (this.autoGrow) {
|
|
277
277
|
this.adjustHeight();
|
|
278
278
|
}
|
|
279
|
-
}, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), this.showCounter && (h("div", { key: '
|
|
279
|
+
}, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), this.showCounter && (h("div", { key: 'ec27b73083d38acf3a7814c0ad6dfa3d48972302', class: counterText() }, this.value.length, this.maxLength ? `/${this.maxLength}` : ''))), (this.captionText || this.internalErrorMessage || this.validationMessage) && (h("div", { key: '34bea9b1ba9edf75f569668b0ea93796d517f312', class: classNames('textarea-caption-text font-regular mt-1', {
|
|
280
280
|
'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',
|
|
281
281
|
'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),
|
|
282
282
|
'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',
|
|
@@ -193,7 +193,7 @@ export class Tooltip {
|
|
|
193
193
|
size: this.size,
|
|
194
194
|
isOpen: this.open,
|
|
195
195
|
});
|
|
196
|
-
return (h("div", { key: '
|
|
196
|
+
return (h("div", { key: '5a1c6f133d30fa10beac54fafd9f890cf359ff9c', class: "relative" }, h("slot", { key: '5f6b49c72c789a214b506c653205757b3b331913', onSlotchange: () => this.handleSlotChange() }), h("div", { key: '0c91d8ed31a3ca64dd2ae3f15a89438083fcad17', role: "tooltip", class: tooltip(), ref: (el) => (this.tooltipElement = el), part: "tooltip" }, h("div", { key: 'a0f68b67b517b4890d9774d117a54722119916f5', class: arrow(), ref: (el) => (this.arrowElement = el), part: "arrow" }), h("slot", { key: '3ae9d5e6694faf19712bb8eb58452a48df49d382', name: "tooltip" }, this.message))));
|
|
197
197
|
}
|
|
198
198
|
static get is() { return "bcm-tooltip"; }
|
|
199
199
|
static get encapsulation() { return "shadow"; }
|
|
@@ -79,7 +79,7 @@ const BcmAccordionGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmAccordionG
|
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
|
-
return (h("div", { key: '
|
|
82
|
+
return (h("div", { key: '6920d3b1eb09a1233b530b3c00da708f5c372cc8', 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" }, h("slot", { key: 'be064576ff72ded1ddee5df1694201afc561bf55', onSlotchange: this.handleSlotChange })));
|
|
83
83
|
}
|
|
84
84
|
get host() { return this; }
|
|
85
85
|
static get style() { return BcmAccordionGroupStyle0; }
|
|
@@ -110,12 +110,12 @@ const BcmAccordion$1 = /*@__PURE__*/ proxyCustomElement(class BcmAccordion exten
|
|
|
110
110
|
hasFooterContent: this.hasFooterContent || !!this.hintText,
|
|
111
111
|
expanded: this.expanded,
|
|
112
112
|
});
|
|
113
|
-
return (h("div", { key: '
|
|
113
|
+
return (h("div", { key: '27ff1bd29d72a8fc284388a63a78341f1b662ff1', class: container() }, h("header", { key: '56773b09da2bd2487605f77eccaeaf400e8071d7', class: header(), role: "button", tabindex: "0", "aria-expanded": this.expanded.toString(), "aria-controls": "accordion-content", onKeyDown: e => {
|
|
114
114
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
115
115
|
e.preventDefault();
|
|
116
116
|
this.toggle();
|
|
117
117
|
}
|
|
118
|
-
}, onClick: () => this.toggle() }, h("slot", { key: '
|
|
118
|
+
}, onClick: () => this.toggle() }, h("slot", { key: 'b2cbd55b6451fa0ccee7380d20499d328bf0d9d6', name: "title" }, this.headerTitle), h("div", { key: '631868f3ece38ee69f870091280ccbbf8b8dddfe', class: rightSection() }, h("span", { key: '75ad805a845e2fbaf90121e5aa318d75d835615a', onClick: e => e.stopPropagation() }, h("slot", { key: 'd564a348a4910c5ea39cabe9e62463b1a33f9e26', name: "actions" })), h("bcm-icon", { key: '07993b813a2eb5514f4288d9d2fac09c07c20991', name: "fa-regular fa-chevron-down", class: icon() }))), h("div", { key: '587c6edacb62d46b409f3786a676dbb9a8a5fd8d', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, h("div", { key: 'f54eae8dec6696e93b1e2582324603e2eda30d95', class: "px-4 py-2" }, h("slot", { key: 'd592d7d2ebd5ae4eb4db83727ad52e59dbccf63d' })), h("footer", { key: 'bc89caa25026dbf0b694dbe6e4f4e8671b9aedf5', class: footer() }, h("slot", { key: '8b8fa05823f6834bed78c97d449cbd3367eee5ad', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
|
|
119
119
|
}
|
|
120
120
|
get host() { return this; }
|
|
121
121
|
static get style() { return BcmAccordionStyle0; }
|
|
@@ -87,7 +87,7 @@ const BcmAlert$1 = /*@__PURE__*/ proxyCustomElement(class BcmAlert extends H {
|
|
|
87
87
|
}
|
|
88
88
|
render() {
|
|
89
89
|
const { base, section } = this.alertClass({ size: this.size });
|
|
90
|
-
return (h("div", { key: '
|
|
90
|
+
return (h("div", { key: '7f91a09d5cd85203bbcb7ec2848abbd38381b7d7', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, h("div", { key: 'f0a3407e8998632cf4768205a584ee76602dd10e', class: section() }, this.showStatusIcon && h("bcm-icon", { key: 'c89277913df205769b27695afda17fbae27e5dcd', "icon-name": this.getStatusIcon() }), h("slot", { key: '7ee558872bbe2ef7f056f9d5762920c1a373cf00' })), h("div", { key: '0e5800023a34fb739945c390186f372ae4ea6ceb', class: section() }, h("div", { key: 'a23280a4885d74e4c7373b7d099f9ddb0c59164e', part: "action" }, h("slot", { key: 'd0901245812635e28b13c76e9c841b4052d4d307', name: "action" })), h("span", { key: '0a90cd1625e033d34ec3724473f5956a96dc7fb3', part: "icon" }, this.dismissible && h("bcm-icon", { key: '0a29cfaa6dc3c4dda309740e210d9e607b71fba1', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
|
|
91
91
|
}
|
|
92
92
|
static get style() { return BcmAlertStyle0; }
|
|
93
93
|
}, [1, "bcm-alert", {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-30135590.js';
|
|
2
2
|
import { c as classNames } from './p-12360e4c.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$2 } from './p-4cc3e4d7.js';
|
|
4
4
|
|
|
5
5
|
const avatarCss = ":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,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)}";
|
|
6
6
|
const BcmAvatarStyle0 = avatarCss;
|
|
@@ -77,10 +77,10 @@ const BasicBadge = /*@__PURE__*/ proxyCustomElement(class BasicBadge extends H {
|
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
|
-
return (h("span", { key: '
|
|
80
|
+
return (h("span", { key: '50278a91e220a4557bfebf2e061be0351f3bad51', part: "base", role: "status", "aria-live": "polite", style: this.badgeStyle, class: this.classes({
|
|
81
81
|
size: this.size,
|
|
82
82
|
variant: this.variant,
|
|
83
|
-
}) }, this.variant === 'text' && (h("span", { key: '
|
|
83
|
+
}) }, this.variant === 'text' && (h("span", { key: 'd0f6c86104dc092a00dd4e8a886431fc5eb1e793', class: "badge-content" }, h("slot", { key: '2133ac8cc0cf07a385544d395a6881942960bd5d' })))));
|
|
84
84
|
}
|
|
85
85
|
static get style() { return BcmBasicBadgeStyle0; }
|
|
86
86
|
}, [1, "bcm-basic-badge", {
|
|
@@ -81,10 +81,10 @@ const BcmButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmButtonGroup e
|
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
return (h(Host, { key: '
|
|
84
|
+
return (h(Host, { key: '12320236b3364ea1322ce3ccaced89e17f527657' }, h("div", { key: '24e1acb79b8dbae8ce504f7aa2ec91e4cf799788', class: this.buttonGroupClass({
|
|
85
85
|
orientation: this.orientation,
|
|
86
86
|
fullWidth: this.fullWidth,
|
|
87
|
-
}) }, h("slot", { key: '
|
|
87
|
+
}) }, h("slot", { key: '18e1e423bd5e2743f83817ef5d3f1e0f3dfa648f' }))));
|
|
88
88
|
}
|
|
89
89
|
get host() { return this; }
|
|
90
90
|
static get style() { return BcmButtonGroupStyle0; }
|
|
@@ -208,7 +208,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
|
|
|
208
208
|
render() {
|
|
209
209
|
const { container, checkbox, iconContainer, label, hiddenInput } = this.classes({ size: this.size, disabled: this.disabled, labelPosition: this.labelPosition });
|
|
210
210
|
const internalId = this._id + '-internal-checkbox' || this.name;
|
|
211
|
-
return (h("div", { key: '
|
|
211
|
+
return (h("div", { key: '875f2d39d5a22bc8e6d5d7a6c3767b903c36f11d', class: container(), style: this.getStyles(), part: "checkbox-wrapper" }, h("div", { key: 'dab61a19701d75f2afdd38a6ad381b500457c8ef', class: "relative inline-flex" }, h("input", { key: '1130c0f3af7642a962587972de950634087e632c', type: "checkbox", role: "checkbox", id: internalId, name: this.name, checked: this.internalChecked, indeterminate: this.indeterminate, disabled: this.disabled, class: hiddenInput(), "aria-checked": this.internalChecked ? 'true' : this.indeterminate ? 'mixed' : 'false', "aria-invalid": this.error, "aria-label": this.label || 'Checkbox', onChange: this.handleChange, ref: el => (this.inputElement = el) }), h("div", { key: '3ffec70abd7721e09e0d04756a0cc60ccd460112', class: checkbox(), onClick: this.handleChange, part: "checkbox" }, this.internalChecked && (h("div", { key: '73f8280e3d8db3bdd716b4e9eb3b61d5521122c8', class: iconContainer(), part: "icon" }, h("bcm-icon", { key: '67afb508fd5a206eaab1723084a36b63a7b6ecf4', name: "fa-regular fa-check" }))), this.indeterminate && !this.internalChecked && (h("div", { key: '873a61746b296529379e2cb0e9d0a374194eb954', class: iconContainer(), part: "icon" }, h("bcm-icon", { key: '4e6bcbd50249a06cf0f630d414e8ffd8574061c0', name: "fa-regular fa-minus" }))))), h("label", { key: 'fbd02bf19b884bda8053c7decde3282a62cd0bac', htmlFor: internalId, class: label(), part: "label" }, this.label)));
|
|
212
212
|
}
|
|
213
213
|
get el() { return this; }
|
|
214
214
|
static get watchers() { return {
|
|
@@ -118,7 +118,7 @@ const BcmChip$1 = /*@__PURE__*/ proxyCustomElement(class BcmChip extends H {
|
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
render() {
|
|
121
|
-
return (h("div", { key: '
|
|
121
|
+
return (h("div", { key: '1a0a8f0eb3dfd2b7c903b04d53cca36cbd7359d2', style: this.chipStyle, class: this.chipClass({ size: this.size, kind: this.kind, disabled: this.disabled }), role: "button", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '32a9facad2711417d02f1d9183e9455aa0a9ee2e' }), this.dismissible && h("bcm-icon", { key: 'f9ea8551142341444d1d5ba90bf9c378bf852e8c', onClick: () => this.handleDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark", "aria-label": "Dismiss chip" })));
|
|
122
122
|
}
|
|
123
123
|
static get style() { return BcmChipStyle0; }
|
|
124
124
|
}, [1, "bcm-chip", {
|
|
@@ -65,7 +65,7 @@ const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends H {
|
|
|
65
65
|
});
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
|
-
return (h("div", { key: '
|
|
68
|
+
return (h("div", { key: 'adb2a14389e580501a9298e397daffc73fa0d6e6', role: "separator", "aria-orientation": this.direction, class: this.dividerClass({
|
|
69
69
|
direction: this.direction,
|
|
70
70
|
variant: this.variant,
|
|
71
71
|
size: this.size,
|
|
@@ -47,10 +47,10 @@ const DropdownItem = /*@__PURE__*/ proxyCustomElement(class DropdownItem extends
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
var _a;
|
|
50
|
-
return (h("div", { key: '
|
|
50
|
+
return (h("div", { key: '7756e6fcd9beabda721d735faf5088ab388a3fad', "aria-checked": this.selected, class: this.dropdownItemClass({
|
|
51
51
|
selected: this.selected,
|
|
52
52
|
error: this.error,
|
|
53
|
-
}), onClick: () => this.handleClick() }, h("slot", { key: '
|
|
53
|
+
}), onClick: () => this.handleClick() }, h("slot", { key: 'c82e58e2cc676b3e3beaf21d60e704a082e24abf', name: "left-content" }, this.icon && h("bcm-icon", { key: '86abc6f0530b2325ba8a9c008cca8a52af15c1b1', "icon-name": this.icon })), h("div", { key: '0b15cbe969408e6687447d9e5057f9c4087a564c', class: "flex flex-row text-pretty w-full" }, h("slot", { key: '23a8ed4de54995f6c9d2570346fdfca67116f0d5' }, this.text)), h("slot", { key: '3245adefb4fc7ad2e64ba0193779d0ba7133b2a0', name: "right-content" }, (_a = this.rightIcons) === null || _a === void 0 ? void 0 : _a.map(icon => (h("bcm-icon", { "icon-name": icon }))))));
|
|
54
54
|
}
|
|
55
55
|
get host() { return this; }
|
|
56
56
|
static get style() { return BcmDropdownItemStyle0; }
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-30135590.js';
|
|
2
2
|
import { c as ce } from './p-5fcf77f9.js';
|
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-c7b74f83.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-39872cdf.js';
|
|
5
5
|
|
|
6
|
-
const dropdownCss = ".visible{visibility:visible}.hidden{display:none}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";
|
|
6
|
+
const dropdownCss = ".visible{visibility:visible}.hidden{display:none}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";
|
|
7
7
|
const BcmDropdownStyle0 = dropdownCss;
|
|
8
8
|
|
|
9
9
|
const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends H {
|
|
@@ -45,7 +45,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends H {
|
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: 'b6b172a832d1201797fe65cc567a19d3a9410538' }, h("bcm-button", { key: '38b60aa6646c366bfb9e94437eadeb31cd5a41c3', kind: "outline" }, h("span", { key: 'dd6bdafb5aa97037657213d82471f118db894732', part: "text" }, this.text)), this.isReady && (h("bcm-linked", { key: 'c39b67e2b57278d1255051a1673ee91ee98732a5', targetElement: this.buttonRef }, h("div", { key: '17b8c82f492834cded9f38aceaa985d26466dbb5', part: "dropdown-container", class: this.dropdownClass() }, h("slot", { key: 'daad86fab6fd40e7fcc7a7a78ad761ca805c8331', onSlotchange: this.handleSlotChange }))))));
|
|
49
49
|
}
|
|
50
50
|
get host() { return this; }
|
|
51
51
|
static get style() { return BcmDropdownStyle0; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"bcm-dropdown.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,
|
|
1
|
+
{"file":"bcm-dropdown.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,m0BAAm0B,CAAC;AACx1B,0BAAe,WAAW;;MCOb,QAAQ;IALrB;;;;;QAUW,YAAO,GAAY,KAAK,CAAC;QAEzB,kBAAa,GAAiC,EAAE,CAAC;QAoClD,kBAAa,GAAGA,EAAE,CAAC;YACzB,IAAI,EAAE,uIAAuI;SAC9I,CAAC,CAAC;QAEK,qBAAgB,GAAG;YACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAEjF,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBACnC,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;aAC/D;SACF,CAAC;KAkBH;IApDC,gBAAgB;QACd,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAyB,CAAC;QACxF,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;YACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;KACF;IAGD,wBAAwB,CAAC,KAAkB;;QACzC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC;QAE5C,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,IAAI;YAC9B,IAAI,IAAI,IAAI,OAAO,EAAE;gBACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC1B,OAAO,EAAE,OAAO;YAChB,QAAQ;SACT,CAAC,CAAC;KACJ;IAcD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,mEAAY,IAAI,EAAC,SAAS,IACxB,6DAAM,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ,CACzB,EACZ,IAAI,CAAC,OAAO,KACX,mEAAY,aAAa,EAAE,IAAI,CAAC,SAAS,IACvC,4DAAK,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IACxD,6DAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAS,CAC9C,CACK,CACd,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["tv"],"sources":["src/components/dropdown/dropdown.css?tag=bcm-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.component.tsx"],"sourcesContent":["/* :host {\n --dropdown-box-min-weight: 32px;\n --dropdown-box-max-width: 384px;\n --dropdown-box-max-height: 384px;\n --dropdown-box-background-color: var(--bcm-ui-color-background-basic-panel);\n} */\n/* \n.scroll {\n height: 140px;\n width: 140px;\n overflow-y: auto;\n}\n\n.scroll:active::-webkit-scrollbar-thumb,\n.scroll:focus::-webkit-scrollbar-thumb,\n.scroll:hover::-webkit-scrollbar-thumb {\n visibility: visible;\n}\n.scroll::-webkit-scrollbar-thumb {\n background-color: darkgrey;\n visibility: hidden;\n}\n\n.scroll::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n} */\n","import { Component, ComponentInterface, h, Prop, State, Element, Host, Event, EventEmitter, Listen } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n tag: 'bcm-dropdown',\n styleUrl: 'dropdown.css',\n shadow: true,\n})\nexport class Dropdown implements ComponentInterface {\n @Element() host: HTMLElement;\n\n @Prop() text?: string;\n\n @State() isReady: boolean = false;\n\n @State() dropdownItems: HTMLBcmDropdownItemElement[] = [];\n\n protected buttonRef?: HTMLBcmButtonElement;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n eventName: 'bcmDropdownChange',\n })\n bcmDropdownChange: EventEmitter<any>;\n\n componentDidLoad() {\n const button = this.host.shadowRoot.querySelector('bcm-button') as HTMLBcmButtonElement;\n if (button) {\n this.buttonRef = button;\n this.isReady = true;\n }\n }\n\n @Listen('bcmDropDownItemChange', { capture: true })\n handleDropdownItemChange(event: CustomEvent) {\n const { element, selected } = event?.detail;\n\n this.dropdownItems?.forEach(item => {\n if (item != element) {\n item.selected = false;\n }\n });\n\n this.bcmDropdownChange.emit({\n element: element,\n selected,\n });\n }\n\n private dropdownClass = tv({\n base: 'dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto',\n });\n\n private handleSlotChange = () => {\n this.dropdownItems = Array.from(this.host.querySelectorAll('bcm-dropdown-item'));\n\n if (this.dropdownItems.length === 0) {\n console.warn('No dropdown items found in dropdown component');\n }\n };\n\n render() {\n return (\n <Host>\n <bcm-button kind=\"outline\">\n <span part=\"text\">{this.text}</span>\n </bcm-button>\n {this.isReady && (\n <bcm-linked targetElement={this.buttonRef}>\n <div part=\"dropdown-container\" class={this.dropdownClass()}>\n <slot onSlotchange={this.handleSlotChange}></slot>\n </div>\n </bcm-linked>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -281,14 +281,14 @@ const BcmInput$1 = /*@__PURE__*/ proxyCustomElement(class BcmInput extends H {
|
|
|
281
281
|
disabled: this.disabled,
|
|
282
282
|
focused: this.isFocused,
|
|
283
283
|
});
|
|
284
|
-
return (h("div", { key: '
|
|
284
|
+
return (h("div", { key: 'c17134d11d06c7310b672dfa948d6c6a4542fceb', class: "bcm-ui-element" }, this.label && (h("label", { key: '39772b19eaa57a1031b8a0c428ce95054928614b', class: classNames('input-label font-medium', {
|
|
285
285
|
'text-color-label': !this.disabled,
|
|
286
286
|
'text-color-disabled': this.disabled,
|
|
287
287
|
}, {
|
|
288
288
|
'text-size-3': this.size === 'small',
|
|
289
289
|
'text-size-4': this.size === 'medium',
|
|
290
290
|
'text-size-5': this.size === 'large',
|
|
291
|
-
}), htmlFor: inputId }, h("slot", { key: '
|
|
291
|
+
}), htmlFor: inputId }, h("slot", { key: '9ece8cc33ca08a96ac190fbe983ddb2a71fadecc', name: "label" }, this.label), this.required && h("span", { key: 'cf029a113a5f3678da630fff91693cc857e3abe9' }, "*"))), h("div", { key: '4d188bf08d969bfbfbd243d2de5f6ef5b5c1f801', class: base() }, (this.hasSlotContent('prefix') || this.prefixIcon || this.getDefaultIconForType()) && (h("div", { key: '001619ee5de15ab4b8766b9719a5c87b31aae76a', class: "flex items-center gap-2 px-2" }, (this.prefixIcon || this.getDefaultIconForType()) && (h("bcm-icon", { key: 'ee23648e869430e26246aa0d4416ca04af2d58eb', class: "prefix-icon", "icon-name": this.prefixIcon || this.getDefaultIconForType(), size: this.iconSize })), h("slot", { key: '09c7e351668fe05c0e04dd3d8e9887555b6a577d', name: "prefix" }))), h("input", { key: 'fd939fe5075e636bf63e114f2fca7440e52a4e7d', ref: el => (this.inputRef = el), id: inputId, class: inputClass(), type: this.type, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, autocomplete: this.autocomplete, minlength: this.minLength, maxlength: this.maxLength, min: this.min, max: this.max, step: this.step, pattern: this.pattern, "aria-invalid": this.status === 'error', "aria-required": this.required, "aria-labelledby": this.labelledby, "aria-describedby": this.describedby, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), (this.hasSlotContent('suffix') || this.suffixIcon) && (h("div", { key: 'd4c4f57c0e54b2c426c30d865a6a06364c88a029', class: "flex items-center gap-2 px-2" }, h("slot", { key: '9c023618b136d254fb85932e3d927111fc7cf118', name: "suffix" }), this.suffixIcon && h("bcm-icon", { key: 'edfcc8deb2b15fe5a5941fbbfa7f64715b15309b', class: "suffix-icon", "icon-name": this.suffixIcon, size: this.iconSize }))), this.PasswordToggleButton()), (this.captionText || this.internalErrorMessage || this.validationMessage) && (h("div", { key: '3389f4478d078f07256dbbcc018338116dc08ecc', class: classNames('input-caption-text font-regular mt-1', {
|
|
292
292
|
'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',
|
|
293
293
|
'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),
|
|
294
294
|
'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-30135590.js';
|
|
2
2
|
import { c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './p-50133556.js';
|
|
3
3
|
import { c as ce } from './p-5fcf77f9.js';
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-c7b74f83.js';
|
|
5
5
|
|
|
6
6
|
const popConfirmCss = ".absolute{position:absolute}.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}:host{--popover-bg:var(--bcm-ui-color-background-basic-panel);--popover-radius:6px;--popover-text-color:var(--bcm-ui-color-text-basic);display:inline-block}.arrow{background:var(--arrow-color);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;z-index:1}.arrow.top{transform:rotate(180deg)}.arrow.bottom{transform:rotate(0deg)}.arrow.right{transform:rotate(-90deg)}.arrow.left{transform:rotate(90deg)}::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,sans-serif}.static{position:static}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-2{height:.5rem}.w-4{width:1rem}.w-full{width:100%}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.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}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-\\[--popover-radius\\]{border-radius:var(--popover-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.font-sans{font-family:Inter,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)}.text-size-inherit{font-size:inherit;line-height:inherit}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[--text-color\\]{color:var(--text-color)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2{--tw-shadow:var(--bcm-ui-box-shadow-2);--tw-shadow-colored:var(--bcm-ui-box-shadow-2)}.outline{outline-style:solid}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";
|
|
7
7
|
const BcmPopConfirmStyle0 = popConfirmCss;
|
|
@@ -240,7 +240,7 @@ const PopConfirm = /*@__PURE__*/ proxyCustomElement(class PopConfirm extends H {
|
|
|
240
240
|
const { container, header, footer, headerLeftContent, closeIconArea, titleContainer } = this.classes({
|
|
241
241
|
size: this.size,
|
|
242
242
|
});
|
|
243
|
-
return (h(Fragment, { key: '
|
|
243
|
+
return (h(Fragment, { key: '0abaad2e0e0912b8642b53ba5a43e55343a91fe5' }, this.isOpen && (h("div", { key: '381f0661d0ad5cbbba8fef39f4818b8f9e6c6d49', role: "dialog", "aria-labelledby": "pop-confirm-title", style: this.popoverStyle, class: container(), ref: el => (this.popoverElement = el) }, h("div", { key: '197786b5df0ed7d1a36e874f4b18a0ad076854cc', ref: el => (this.arrowElement = el), class: `arrow w-4 h-2 ${(_a = this.currentPlacement) !== null && _a !== void 0 ? _a : 'top'}` }), h("header", { key: 'bef48d54efbcacee930e9ea452825ca5442014e7', class: header() }, h("div", { key: '942363a2f8c8b9d7cc992d7a4a1a27303cbc5d72', class: headerLeftContent() }, this.statusIcon && h("bcm-icon", { key: 'ab80812609cfe35b24ef116592d3a8ca5e7ed8ba', "icon-name": statusIcons[this.status] }), h("span", { key: 'e062b7cdf8aaefb456d1aced97a7578395a558c2', class: titleContainer() }, this.headerText), h("slot", { key: '3d9c6a4e54edad6dd6f9c62106a04a44a7ed2642', name: "header" })), h("div", { key: 'be9ba74f85af483cd34586b1e3446244fdce25b3', class: closeIconArea(), onClick: this.handleCancel }, h("bcm-icon", { key: 'a72472ceccbc938f540351dc94e67876ac08badb', "icon-name": "far fa-times" }))), h("main", { key: 'eef82569fa631d7d18181a14fcd593274cb36ca9', class: "flex-1 mx-auto font-sans text-pretty" }, h("slot", { key: '972e9635e16de25b6b0e71303cdbd2914384ea26', name: "body" }, this.description)), h("footer", { key: '9727ecff0b5a79d98c0eb6a285877aee4bfd2bfc', class: footer() }, h("bcm-button", { key: '8c550771942f0b3c992eac30d13a2fd159962e78', kind: "outline", size: this.size, onClick: this.handleCancel }, this.cancelText), h("bcm-button", { key: '3bc99d1199382178f92185e3d4061b0539466b41', size: this.size, status: this.status, kind: "primary", onClick: this.handleConfirm }, this.confirmText), h("slot", { key: '1132d6f89e8b8363cb8ddbcc608cfa0de948be85', name: "footer" }))))));
|
|
244
244
|
}
|
|
245
245
|
get el() { return this; }
|
|
246
246
|
static get style() { return BcmPopConfirmStyle0; }
|
|
@@ -178,7 +178,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends H {
|
|
|
178
178
|
isOpen: this.open,
|
|
179
179
|
size: this.size,
|
|
180
180
|
});
|
|
181
|
-
return (h("div", { key: '
|
|
181
|
+
return (h("div", { key: '083ef2273d093e2f28655eeb51af968cf81d5f4f', class: "relative" }, h("slot", { key: 'd585cf566cd6f83285799c9ff7bcd9af68906565', onSlotchange: () => this.handleSlotChange() }), h("div", { key: '5a2765cd44fba885ae4f15db90b40c10c7ae412a', part: "popover", class: box(), role: "dialog", "aria-hidden": !this.open ? 'true' : 'false', ref: el => (this.popoverElement = el) }, h("div", { key: 'e166c38a3034dd0da20a3dc283f24a258912eb0b', class: arrow(), ref: el => (this.arrowElement = el), part: "arrow" }), h("div", { key: 'cc0adf878938a0822fe4b406fe4c7aa9e4cd934f', class: header(), part: "header" }, h("slot", { key: '8150657d1b921868f605d62e4b4f0e67b1c346f5', name: "header" }, this.headerText)), h("div", { key: '524337a641cff5d3e95aeb97760909d06ad8d50d', class: content(), part: "content" }, h("slot", { key: '8d270fdb690f7ea65abcb346698d41f018df5117', name: "content" }, this.message)))));
|
|
182
182
|
}
|
|
183
183
|
get el() { return this; }
|
|
184
184
|
static get style() { return BcmPopoverStyle0; }
|
|
@@ -140,14 +140,14 @@ const BcmRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmRadioGroup ext
|
|
|
140
140
|
size: this.size,
|
|
141
141
|
direction: this.direction,
|
|
142
142
|
});
|
|
143
|
-
return (h("div", { key: '
|
|
143
|
+
return (h("div", { key: '3a67eb56fe53467719a805529acd8ef98568d91e', class: host() }, this.label && (h("label", { key: '67e7e83b6ac7ecf852a7843fba71ba05cd8196f4', class: classNames('input-label font-medium', {
|
|
144
144
|
'text-color-label': !this.disabled,
|
|
145
145
|
'text-color-disabled': this.disabled,
|
|
146
146
|
}, {
|
|
147
147
|
'text-size-3': this.size === 'small',
|
|
148
148
|
'text-size-4': this.size === 'medium',
|
|
149
149
|
'text-size-5': this.size === 'large',
|
|
150
|
-
}) }, h("slot", { key: '
|
|
150
|
+
}) }, h("slot", { key: 'aa3163d3a62c4f1be539cc292b324d543ea8447f', name: "label" }, this.label), this.required && h("span", { key: 'f11d9fd05bc09f2a01a1772b79a8146c392bf5dd' }, "*"))), h("div", { key: '6628dbe32507445ce01d430bd1cebdf2ec9cb83a', class: container() }, h("slot", { key: '692aeb2f866bceec5e8b0ff0b31914f98ff03dc2', onSlotchange: this.handleSlotChange })), this.captionText && (h("div", { key: 'fe024fbd773a8a43ddd79e60a66c09334b882c96', class: classNames('input-caption-text font-regular mt-1', {
|
|
151
151
|
'text-[--bcm-ui-color-text-caption]': !this.disabled,
|
|
152
152
|
'text-[--bcm-ui-color-text-error]': !this.disabled && this.error,
|
|
153
153
|
'text-[--bcm-ui-color-text-disabled]': this.disabled,
|