bromcom-ui 2.12.3-rc.2 → 2.12.3

package/dist/components/bcm-date.js

@@ -165,7 +165,7 @@ const BcmDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, { class: classnames("bcm-ui-element bcm-ui-input", "tw-relative tw-m-0 tw-inline-flex tw-w-full tw-flex-col", {
         "tw-max-w-[256px]": !this.fullWidth,
         "tw-mb-2": !this.noMargin,
-      }) }, label && h("bcm-label", { size: size, type: captionType, value: label, required: required, htmlFor: _id }), h("bcm-rc-picker", { id: _id + "-picker", class: classnames("w-full tw-flex"), onBcmRCPickerChange: e => this.onChange(e), disabled: this.disabled, clearable: this.clearable, size: size, placeholder: this.placeholder, error: this.captionType === "error", type: this.type, format: this.getFormat(), range: this.range, showToday: this.showToday, disabledDates: this.disabledDates, showTime: this.showTime, showNow: this.showNow, showHour: this.showHour, showMinute: this.showMinute, showSecond: this.showSecond, use12Hours: this.use12Hours, hourStep: this.hourStep, minuteStep: this.minuteStep, secondStep: this.secondStep, hideDisabledOptions: this.hideDisabledOptions, disabledTime: this.disabledTime }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+      }) }, label && h("bcm-label", { size: size, type: captionType, value: label, required: required, htmlFor: _id }), h("bcm-rc-picker", { id: _id + "-picker", class: classnames("w-full tw-flex"), onBcmRCPickerChange: e => this.onChange(e), disabled: this.disabled, clearable: this.clearable, size: size, placeholder: this.placeholder, error: this.captionType === "error", type: this.type, format: this.getFormat(), range: this.range, showToday: this.showToday, disabledDates: this.disabledDates, showTime: this.showTime, showNow: this.showNow, showHour: this.showHour, showMinute: this.showMinute, showSecond: this.showSecond, use12Hours: this.use12Hours, hourStep: this.hourStep, minuteStep: this.minuteStep, secondStep: this.secondStep, hideDisabledOptions: this.hideDisabledOptions, disabledTime: this.disabledTime, ariaLabel: label || this.placeholder || `${this.type} picker` }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
   }
   get el() { return this; }
 }, [0, "bcm-date", {

package/dist/components/bcm-tab-group.js

@@ -191,7 +191,7 @@ const BcmTabGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       color: color,
       tones: [700]
     });
-    return (h(Host, { role: "tablist", "aria-label": "Tab Group", "aria-busy": "true", class: "tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans" }, h("div", { class: `tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between`, id: "tab-header", style: dc }, h("div", { id: "ink-bar", class: `tw-bg-default-700 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform` })), h("slot", null)));
+    return (h(Host, { class: "tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans" }, h("div", { role: "tablist", "aria-label": "Tab Group", class: `tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between`, id: "tab-header", style: dc }, h("div", { id: "ink-bar", class: `tw-bg-default-700 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform` })), h("slot", null)));
   }
   get el() { return this; }
   static get watchers() { return {

package/dist/components/bcm-tab-item-header.js

@@ -31,18 +31,19 @@ const BcmTabItemHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   render() {
     const { color, size, active, disabled } = this;
+    const tabId = this.el.getAttribute("tab-id");
     const disabledClass = "tw-cursor-not-allowed tw-text-gray-500 tw-opacity-50";
     const dc = Generate.getTwColor({
       color: color,
       tones: [700, 800, 900]
     });
-    return (h(Host, { onClick: () => this.handleClick(), class: classnames(`tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-700  tw-transition-font tw-focus:outline-none`, {
-        "tw-text-2 tw-py-1 tw-gap-2": size === Bcm.Size.small,
-        "tw-text-3 tw-py-2 tw-gap-3": size === Bcm.Size.medium,
-        "tw-text-4 tw-py-3 tw-gap-4": size === Bcm.Size.large,
+    return (h(Host, { role: "tab", id: `tab-${tabId}`, "aria-selected": active ? "true" : "false", "aria-controls": tabId, onClick: () => this.handleClick(), class: classnames(`tw-font-medium tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-0 tw-border-solid tw-border-b-[2px] tw-border-b-gray-300  tw-transition-font tw-focus:outline-none`, {
+        "tw-text-2 tw-pt-1 tw-pb-1 tw-gap-2": size === Bcm.Size.small,
+        "tw-text-3 tw-pt-2 tw-pb-2.5 tw-gap-2.5": size === Bcm.Size.medium,
+        "tw-text-4 tw-pt-3 tw-pb-3 tw-gap-3": size === Bcm.Size.large,
       }, disabled ? disabledClass : "tw-cursor-pointer", active
         ? `tw-text-default-700 enabled:hover:tw-text-default-800 enabled:active:tw-text-default-900 enabled:focus-visible:tw-text-default-900`
-        : "tw-text-slate-700 enabled:hover:tw-text-slate-800 enabled:focus-visible:tw-text-slate-900 enabled:active:tw-text-slate-900"), style: dc }));
+        : "tw-text-gray-700"), style: dc }));
   }
   get el() { return this; }
 }, [0, "bcm-tab-item-header", {

package/dist/components/bcm-tab-item.js

@@ -69,7 +69,7 @@ const BcmTabItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     observer.observe(this.el, { childList: true, subtree: true });
   }
   render() {
-    return (h(Host, { id: this._id, role: "tabpanel", "aria-labelledby": `tab-${this._id}`, "aria-hidden": `${!this.active}`, class: {
+    return (h(Host, { id: this._id, role: "tabpanel", "aria-labelledby": `tab-${this._id}`, "aria-hidden": !this.active ? "true" : "false", class: {
         "tw-block": this.active,
         "tw-hidden": !this.active,
         "tw-opacity-50": this.disabled,

package/dist/components/generate.js

@@ -5,7 +5,7 @@
 import { Build } from '@stencil/core/internal/client';
 import { c as colors } from './colors2.js';
 
-const version = "2.12.3-rc.2";
+const version = "2.12.3";
 
 /**
  * 'status' prop predefined values

package/dist/components/rc-picker.js

@@ -14471,7 +14471,7 @@ exports.default = locale;
 
 const enUS = /*@__PURE__*/getDefaultExportFromCjs(en_US);
 
-const rcPickerCss = "@charset \"UTF-8\";@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-date{font-family:\"Inter\", sans-serif;font-size:14px;line-height:22px;font-weight:500;display:flex;align-items:stretch;flex-direction:row;background-color:#fff;border:1px solid #cbd5e1;color:#334155;border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%;}.bcm-date--large{height:40px;font-size:16px}.bcm-date--medium{height:32px;font-size:14px}.bcm-date--small{height:24px;font-size:12px}.bcm-date:hover{border:1px solid #4293cf}.bcm-date:hover.bcm-date--existed{}.bcm-date:hover.bcm-date--existed .bcm-date-clear{visibility:visible;opacity:1}.bcm-date:hover.bcm-date--existed .bcm-date-suffix{opacity:0}.bcm-date-focused{background-color:#f8fafc}.bcm-date-suffix{color:#334155}.bcm-date-suffix:not(:empty){display:flex;align-items:center;justify-content:center}.bcm-date-suffix::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:\"Font Awesome 6 Pro\";font-weight:400;line-height:1;box-sizing:border-box;padding:0 4px;cursor:pointer}.bcm-date--datetime .bcm-date-suffix::before{content:\"\\e0d2\"}.bcm-date--date .bcm-date-suffix::before{content:\"\\f133\"}.bcm-date--time .bcm-date-suffix::before{content:\"\\f017\"}.bcm-date-input{position:relative;display:inline-flex;width:100%;padding:0 4px;color:#334155}.bcm-date-input-placeholder{color:#94a3b8}.bcm-date-input>input{color:inherit;width:100%;flex:1;border:none;background:transparent;box-shadow:unset;line-height:22px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis;font-weight:500}.bcm-date-input>input::placeholder{font-family:\"Inter\", sans-serif;color:#cbd5e1;user-select:none}.bcm-date-input>input::-webkit-search-decoration,.bcm-date-input>input::-webkit-search-cancel-button,.bcm-date-input>input::-webkit-search-results-button,.bcm-date-input>input::-webkit-search-results-decoration,.bcm-date-input>input::-webkit-calendar-picker-indicator,.bcm-date-input>input::-webkit-inner-spin-button,.bcm-date-input>input::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-date-input>input::-moz-placeholder{opacity:1}.bcm-date-input>input:placeholder-shown{text-overflow:ellipsis}.bcm-date-clear{color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;font-size:20px;padding-bottom:3px;line-height:1;cursor:pointer;font-weight:400;visibility:hidden;position:absolute;right:4px;padding:4px;opacity:0;transition:opacity 0.2s}.bcm-date-clear-btn::after{content:\"×\"}.bcm-date-disabled{background-color:#f8fafc;color:#a0aec0;cursor:not-allowed}.bcm-date-disabled input{color:#a0aec0}.bcm-date-disabled:hover{border:1px solid #cbd5e1}.bcm-date-disabled .bcm-date-input{cursor:not-allowed}.bcm-date-disabled .bcm-date-suffix:before{cursor:not-allowed}.bcm-date-disabled .bcm-date-clear{cursor:not-allowed}.bcm-date--error{border:1px solid #e53e3e}.bcm-date--error:hover{border:1px solid #e53e3e}.bcm-date-range{padding:0 4px}.bcm-date-range .bcm-date-clear{flex:none}.bcm-date-range-separator{color:#94a3b8;padding:0 4px;display:flex;align-items:center;justify-content:center}.bcm-date-focused .bcm-date-active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#4293cf;transition:all 0.3s}.bcm-date-dropdown{position:absolute;z-index:10800;top:-9999;left:-9999;border-radius:4px}.bcm-date-dropdown-placement-bottomLeft,.bcm-date-dropdown-placement-bottomRight{top:0;display:block}.bcm-date-dropdown-placement-topLeft,.bcm-date-dropdown-placement-topRight{bottom:0;display:block}.bcm-date-dropdown-hidden{display:none}.bcm-date-dropdown .bcm-date-panel-container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:22px;font-weight:400;box-shadow:0 4px 12px 0 rgba(17, 24, 39, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);background-color:#fff}.bcm-date-dropdown .bcm-date-panels{display:inline-flex}.bcm-date-dropdown .bcm-date-decade-panel,.bcm-date-dropdown .bcm-date-year-panel,.bcm-date-dropdown .bcm-date-month-panel,.bcm-date-dropdown .bcm-date-week-panel,.bcm-date-dropdown .bcm-date-date-panel{width:256px}.bcm-date-dropdown .bcm-date-time-panel{width:auto;padding-top:4px;min-width:auto}.bcm-date-dropdown .bcm-date-time-panel .bcm-date-content{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;display:flex;flex:auto;height:224px}.bcm-date-dropdown .bcm-date-time-panel-column{flex:1 0 auto;width:56px;margin:4px 0;padding:0;overflow-y:hidden;text-align:start;list-style:none;transition:background 0.2s;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.45) transparent;position:relative}.bcm-date-dropdown .bcm-date-time-panel-column:not(:first-child){border-inline-start:1px solid rgba(5, 5, 5, 0.06)}.bcm-date-dropdown .bcm-date-time-panel-column-active{background:rgba(0, 0, 255, 0.1)}.bcm-date-dropdown .bcm-date-time-panel-column:hover{overflow-y:auto}.bcm-date-dropdown .bcm-date-time-panel-column>li{margin:0;padding:0}.bcm-date-dropdown .bcm-date-time-panel-column>li.disabled{opacity:0.5}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell{margin-inline:4px}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell .bcm-date-time-panel-cell-inner{display:block;width:48px;height:28px;margin:0;padding-block:0;padding-inline-end:0;padding-inline-start:14px;color:rgba(0, 0, 0, 0.88);line-height:28px;border-radius:4px;cursor:pointer;transition:background 0.2s}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell .bcm-date-time-panel-cell-inner:hover{background:rgba(0, 0, 0, 0.04)}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell-selected .bcm-date-time-panel-cell-inner{background:#e6f4ff}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell-disabled .bcm-date-time-panel-cell-inner{pointer-events:none;color:rgba(0, 0, 0, 0.25)}.bcm-date-dropdown .bcm-date-datetime-panel{display:flex;flex-direction:row;align-items:stretch}.bcm-date-dropdown .bcm-date-datetime-panel .bcm-date-time-panel{padding-top:8px}.bcm-date-dropdown .bcm-date-datetime-panel .bcm-date-time-panel .bcm-date-header{display:none}.bcm-date-dropdown .bcm-date-header{padding:0 8px;color:rgba(0, 0, 0, 0.88);border-bottom:1px solid rgba(5, 5, 5, 0.06);display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:18px}.bcm-date-dropdown .bcm-date-header>*{flex:none}.bcm-date-dropdown .bcm-date-header>button{min-width:20px}.bcm-date-dropdown .bcm-date-header button{padding:0;color:rgba(0, 0, 0, 0.45);line-height:40px;background:transparent;border:0;cursor:pointer;transition:color 0.2s;font-size:inherit}.bcm-date-dropdown .bcm-date-header button:hover{color:#3b82f6}.bcm-date-dropdown .bcm-date-header-view{flex:auto;text-align:center;font-weight:600;line-height:40px;gap:8px;font-size:14px}.bcm-date-dropdown .bcm-date-header-view button{color:inherit;font-weight:inherit;vertical-align:top;padding:0 4px}.bcm-date-dropdown .bcm-date-body{padding:8px 18px}.bcm-date-dropdown .bcm-date-content{text-align:center;width:100%;table-layout:fixed;border-collapse:collapse}.bcm-date-dropdown .bcm-date-content thead tr th{color:#334155;font-weight:400;font-size:12px;line-height:16px;padding:8px 0;text-align:center;text-transform:uppercase}.bcm-date-dropdown .bcm-date-cell{position:relative}.bcm-date-dropdown .bcm-date-cell::before{position:absolute;top:50%;inset-inline-start:0;inset-inline-end:0;z-index:1;height:24px;transform:translateY(-50%);transition:all 0.3s;content:\"\"}.bcm-date-dropdown .bcm-date-cell-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid transparent;transition:background 0.2s, border 0.2s;cursor:pointer;color:#94a3b8}.bcm-date-dropdown .bcm-date-cell-inner:hover{background:#e2e8f0;color:#64748b}.bcm-date-dropdown .bcm-date-cell-in-view .bcm-date-cell-inner{color:#334155}.bcm-date-dropdown .bcm-date-cell-today .bcm-date-cell-inner{border:1px solid #3b82f6;color:#3b82f6}.bcm-date-dropdown .bcm-date-cell-today .bcm-date-cell-inner:hover{background:#e2e8f0;color:#64748b}.bcm-date-dropdown .bcm-date-cell-selected .bcm-date-cell-inner{color:#fff;background:#3b82f6}.bcm-date-dropdown .bcm-date-cell-selected .bcm-date-cell-inner:hover{background:#2563eb;color:#fff}.bcm-date-dropdown .bcm-date-cell-in-range .bcm-date-cell-inner{background:#bfdbfe}.bcm-date-dropdown .bcm-date-cell-in-range::before{background:#bfdbfe}.bcm-date-dropdown .bcm-date-cell-range-hover .bcm-date-cell-inner{background:#93c5fd;color:#334155}.bcm-date-dropdown .bcm-date-cell-range-hover::before{background:#93c5fd}.bcm-date-dropdown .bcm-date-cell-range-start .bcm-date-cell-inner{background-color:#3b82f6;color:#fff;border-radius:4px 0 0 4px}.bcm-date-dropdown .bcm-date-cell-range-start .bcm-date-cell-inner:hover{background:#3b82f6;color:#fff;border-radius:4px 0 0 4px}.bcm-date-dropdown .bcm-date-cell-range-start::before{background:#bfdbfe;inset-inline-start:50%}.bcm-date-dropdown .bcm-date-cell-range-end .bcm-date-cell-inner{background-color:#3b82f6;color:#fff;border-radius:0 4px 4px 0}.bcm-date-dropdown .bcm-date-cell-range-end .bcm-date-cell-inner:hover{background:#3b82f6;color:#fff;border-radius:4px 0 0 4px}.bcm-date-dropdown .bcm-date-cell-range-end::before{background:#bfdbfe;inset-inline-end:50%}.bcm-date-dropdown .bcm-date-cell-range-hover-start .bcm-date-cell-inner{background-color:#93c5fd;color:#334155}.bcm-date-dropdown .bcm-date-cell-range-hover-start .bcm-date-cell-inner:hover{background:#93c5fd;color:#334155;border-radius:4px 0 0 4px}.bcm-date-dropdown .bcm-date-cell-range-hover-end .bcm-date-cell-inner:hover{background:#93c5fd;color:#334155;border-radius:0 4px 4px 0}.bcm-date-dropdown .bcm-date-cell-disabled .bcm-date-cell-inner{pointer-events:none;color:rgba(0, 0, 0, 0.25)}.bcm-date-dropdown .bcm-date-cell-disabled::before{background:rgba(0, 0, 0, 0.04)}.bcm-date-dropdown .bcm-date-footer{border-top:1px solid rgba(5, 5, 5, 0.06);width:min-content;min-width:100%;line-height:38px;text-align:center}.bcm-date-dropdown .bcm-date-footer .bcm-date-today-btn{color:#3b82f6;cursor:pointer;padding:0 8px}.bcm-date-dropdown .bcm-date-footer .bcm-date-today-btn:hover{color:#2563eb}.bcm-date-dropdown .bcm-date-ranges{margin:0;margin-bottom:0;padding:4px 12px;overflow:hidden;line-height:34px;text-align:start;list-style:none;display:flex;justify-content:space-between}.bcm-date-dropdown .bcm-date-ranges>li{display:inline-block}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok{margin-inline-start:auto}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok>button{font-size:14px;color:#fff;background-color:#3b82f6;box-shadow:0 2px 0 rgba(5, 145, 255, 0.1);height:24px;padding:0 7px;border-radius:4px;outline:none;border:none;cursor:pointer;transition:background-color 0.3s}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok>button:hover{background-color:#2563eb}.bcm-date-dropdown .bcm-date-now{text-align:right}.bcm-date-dropdown .bcm-date-now-btn{color:#3b82f6;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color 0.3s;-webkit-text-decoration-skip:objects}.bcm-date-dropdown .bcm-date-now-btn:hover{color:#2563eb}.bcm-date-dropdown .bcm-date-range-wrapper{display:flex;position:relative}";
+const rcPickerCss = "@charset \"UTF-8\";@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-date-border-color:var(--bcm-ui-color-border-default);--bcm-date-border-hover:#4293cf;--bcm-date-text-color:var(--bcm-ui-color-text-default);--bcm-date-placeholder-color:var(--bcm-ui-color-text-placeholder);--bcm-date-disabled-color:var(--bcm-ui-color-text-disabled);--bcm-date-error-color:#e53e3e;--bcm-date-primary-color:var(--bcm-ui-color-background-primary-info-default);--bcm-date-primary-hover:var(--bcm-ui-color-background-primary-info-hover);--bcm-date-bg-hover:#e2e8f0;--bcm-date-range-bg:var(--bcm-ui-color-background-palette-blue-default);--bcm-date-range-hover-bg:var(--bcm-ui-color-background-palette-blue-hover);--bcm-date-disabled-bg:#f8fafc;--bcm-date-focused-bg:#f8fafc;--bcm-date-border-radius:4px}.bcm-date{font-family:\"Inter\", sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;display:flex;align-items:stretch;flex-direction:row;background-color:#fff;border:1px solid var(--bcm-date-border-color);color:var(--bcm-date-text-color);border-radius:var(--bcm-date-border-radius);box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%;transition:border-color 0.2s, box-shadow 0.2s;}.bcm-date--large{height:40px;font-size:16px;line-height:24px}.bcm-date--medium{height:32px;font-size:14px;line-height:22px}.bcm-date--small{height:24px;font-size:12px;line-height:20px}.bcm-date:hover{border-color:var(--bcm-date-border-hover)}.bcm-date:hover.bcm-date--existed .bcm-date-clear{visibility:visible;opacity:1}.bcm-date-focused{background-color:var(--bcm-date-focused-bg);border-color:var(--bcm-date-border-hover);box-shadow:0 0 0 2px rgba(66, 147, 207, 0.2)}.bcm-date-suffix{color:var(--bcm-date-text-color);order:2;display:flex;align-items:center;justify-content:center}.bcm-date-suffix::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:\"Font Awesome 6 Pro\";font-weight:400;box-sizing:border-box;padding:0 4px;cursor:pointer;transition:color 0.2s}.bcm-date--datetime .bcm-date-suffix::before{content:\"\\e0d2\"}.bcm-date--date .bcm-date-suffix::before{content:\"\\f133\"}.bcm-date--time .bcm-date-suffix::before{content:\"\\f017\"}.bcm-date-input{position:relative;display:inline-flex;width:100%;padding:0 4px;color:var(--bcm-date-text-color)}.bcm-date-input-placeholder{color:var(--bcm-date-placeholder-color)}.bcm-date-input>input{color:inherit;width:100%;flex:1;border:none;background:transparent;box-shadow:unset;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis;font-weight:500}.bcm-date-input>input::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-date-placeholder-color);user-select:none}.bcm-date-input>input::-webkit-search-decoration,.bcm-date-input>input::-webkit-search-cancel-button,.bcm-date-input>input::-webkit-search-results-button,.bcm-date-input>input::-webkit-search-results-decoration,.bcm-date-input>input::-webkit-calendar-picker-indicator,.bcm-date-input>input::-webkit-inner-spin-button,.bcm-date-input>input::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-date-input>input::-moz-placeholder{opacity:1}.bcm-date-input>input:placeholder-shown{text-overflow:ellipsis}.bcm-date-clear{display:none}.bcm-date--clearable .bcm-date-clear{color:var(--bcm-date-text-color);display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;font-size:20px;padding-bottom:3px;line-height:1;cursor:pointer;font-weight:400;visibility:hidden;opacity:0;transition:opacity 0.2s, color 0.2s;order:1}.bcm-date--clearable .bcm-date-clear:hover{color:var(--bcm-date-error-color)}.bcm-date--clearable .bcm-date-clear-btn::after{content:\"×\"}.bcm-date-disabled{background-color:var(--bcm-date-disabled-bg);color:var(--bcm-date-disabled-color);cursor:not-allowed}.bcm-date-disabled input{color:var(--bcm-date-disabled-color)}.bcm-date-disabled:hover{border:1px solid var(--bcm-date-border-color)}.bcm-date-disabled .bcm-date-input{cursor:not-allowed}.bcm-date-disabled .bcm-date-suffix::before{cursor:not-allowed}.bcm-date-disabled .bcm-date-clear{cursor:not-allowed}.bcm-date--error{border:1px solid var(--bcm-date-error-color)}.bcm-date--error:hover{border:1px solid var(--bcm-date-error-color)}.bcm-date-range{padding:0 4px}.bcm-date-range .bcm-date-clear{flex:none}.bcm-date-range-separator{color:var(--bcm-date-placeholder-color);padding:0 4px;display:flex;align-items:center;justify-content:center}.bcm-date-focused .bcm-date-active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--bcm-date-border-hover);transition:all 0.3s}.bcm-date-dropdown{position:absolute;z-index:10800;top:-9999px;left:-9999px;border-radius:var(--bcm-date-border-radius);transition:animation 0.3s, opacity 0.3s}.bcm-date-dropdown-placement-bottomLeft,.bcm-date-dropdown-placement-bottomRight{top:0;display:block;animation:bcmDateSlideUpIn 0.3s}.bcm-date-dropdown-placement-topLeft,.bcm-date-dropdown-placement-topRight{bottom:0;display:block;animation:bcmDateSlideDownIn 0.3s}.bcm-date-dropdown-hidden{display:none}.bcm-date-dropdown .bcm-date-panel-container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:22px;font-weight:500;box-shadow:0 4px 12px 0 rgba(17, 24, 39, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);background-color:#fff;display:inline-block;border-radius:var(--bcm-date-border-radius);overflow:hidden}.bcm-date-dropdown .bcm-date-panels{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;width:100%}.bcm-date-dropdown .bcm-date-decade-panel,.bcm-date-dropdown .bcm-date-year-panel,.bcm-date-dropdown .bcm-date-month-panel,.bcm-date-dropdown .bcm-date-week-panel,.bcm-date-dropdown .bcm-date-date-panel{width:310px}.bcm-date-dropdown .bcm-date-week-panel-row-hover{background:var(--bcm-date-range-hover-bg)}.bcm-date-dropdown .bcm-date-week-panel-row-hover .bcm-date-cell-in-view .bcm-date-cell-inner{border-color:var(--bcm-date-range-hover-bg);background:var(--bcm-date-range-hover-bg)}.bcm-date-dropdown .bcm-date-week-panel-row-hover .bcm-date-cell-in-view::before{background:var(--bcm-date-range-hover-bg)}.bcm-date-dropdown .bcm-date-week-panel-row-hover>td:first-child{border-radius:var(--bcm-date-border-radius) 0 0 var(--bcm-date-border-radius)}.bcm-date-dropdown .bcm-date-week-panel-row-hover>td:last-child{border-radius:0 var(--bcm-date-border-radius) var(--bcm-date-border-radius) 0}.bcm-date-dropdown .bcm-date-week-panel-row-selected{color:#fff;background:var(--bcm-date-primary-color)}.bcm-date-dropdown .bcm-date-week-panel-row-selected .bcm-date-cell-week .bcm-date-cell-inner{color:#fff;background:var(--bcm-date-primary-color)}.bcm-date-dropdown .bcm-date-week-panel-row-selected .bcm-date-cell-in-view .bcm-date-cell-inner{border-color:var(--bcm-date-primary-color);color:#fff;background:var(--bcm-date-primary-color)}.bcm-date-dropdown .bcm-date-week-panel-row-selected .bcm-date-cell-in-view::before{background:var(--bcm-date-primary-color)}.bcm-date-dropdown .bcm-date-week-panel-row-selected>td:first-child{border-radius:var(--bcm-date-border-radius) 0 0 var(--bcm-date-border-radius)}.bcm-date-dropdown .bcm-date-week-panel-row-selected>td:last-child{border-radius:0 var(--bcm-date-border-radius) var(--bcm-date-border-radius) 0}.bcm-date-dropdown .bcm-date-time-panel{width:auto;padding-top:4px;min-width:auto}.bcm-date-dropdown .bcm-date-time-panel .bcm-date-content{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;display:flex;flex:auto;height:224px}.bcm-date-dropdown .bcm-date-time-panel-column{flex:1 0 auto;width:56px;margin:4px 0;padding:0;overflow-y:hidden;text-align:start;list-style:none;transition:background 0.2s;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.45) transparent;position:relative}.bcm-date-dropdown .bcm-date-time-panel-column:not(:first-child){border-inline-start:1px solid rgba(5, 5, 5, 0.06)}.bcm-date-dropdown .bcm-date-time-panel-column-active{background:rgba(59, 130, 246, 0.1)}.bcm-date-dropdown .bcm-date-time-panel-column:hover{overflow-y:auto}.bcm-date-dropdown .bcm-date-time-panel-column>li{margin:0;padding:0}.bcm-date-dropdown .bcm-date-time-panel-column>li.disabled{opacity:0.5}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell{margin-inline:4px}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell .bcm-date-time-panel-cell-inner{display:block;width:48px;height:28px;margin:0;padding-block:0;padding-inline-end:0;padding-inline-start:14px;color:var(--bcm-date-text-color);line-height:28px;border-radius:var(--bcm-date-border-radius);cursor:pointer;transition:background 0.2s;font-size:14px;font-weight:500}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell .bcm-date-time-panel-cell-inner:hover{background:rgba(0, 0, 0, 0.04)}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell-selected .bcm-date-time-panel-cell-inner{background:#e6f4ff;color:var(--bcm-date-primary-color);font-weight:500}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell-disabled .bcm-date-time-panel-cell-inner{pointer-events:none;color:var(--bcm-date-disabled-color)}.bcm-date-dropdown .bcm-date-datetime-panel{display:flex;flex-direction:row;align-items:stretch}.bcm-date-dropdown .bcm-date-datetime-panel .bcm-date-time-panel{padding-top:8px;border-left:1px solid #f0f0f0}.bcm-date-dropdown .bcm-date-datetime-panel .bcm-date-time-panel .bcm-date-header{display:none}.bcm-date-dropdown .bcm-date-header{padding:8px 16px 0;color:var(--bcm-date-text-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:18px}.bcm-date-dropdown .bcm-date-header>*{flex:none}.bcm-date-dropdown .bcm-date-header>button{min-width:20px}.bcm-date-dropdown .bcm-date-header button{padding:0;color:rgba(0, 0, 0, 0.45);line-height:40px;background:transparent;border:0;cursor:pointer;transition:color 0.2s;font-size:inherit}.bcm-date-dropdown .bcm-date-header button:hover{color:var(--bcm-date-primary-color)}.bcm-date-dropdown .bcm-date-header-view{flex:auto;text-align:center;font-weight:500;line-height:24px;gap:4px;font-size:16px}.bcm-date-dropdown .bcm-date-header-view button{color:var(--bcm-date-text-color);font-weight:500;vertical-align:top;padding:0 4px;transition:background 0.2s, color 0.2s;border-radius:var(--bcm-date-border-radius)}.bcm-date-dropdown .bcm-date-header-view button:hover{background:rgba(59, 130, 246, 0.1)}.bcm-date-dropdown .bcm-date-body{padding:0 16px 8px}.bcm-date-dropdown .bcm-date-content{text-align:center;width:100%;table-layout:fixed;border-collapse:collapse}.bcm-date-dropdown .bcm-date-content thead tr th{color:var(--bcm-date-text-color);font-weight:600;font-size:16px;line-height:24px;padding:2px 0;text-align:center;text-transform:uppercase}.bcm-date-dropdown .bcm-date-cell{position:relative}.bcm-date-dropdown .bcm-date-cell::before{position:absolute;top:50%;inset-inline-start:0;inset-inline-end:0;z-index:1;transform:translateY(-50%);transition:all 0.3s;content:\"\"}.bcm-date-dropdown .bcm-date-cell-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:var(--bcm-date-border-radius);border:1px solid transparent;transition:background 0.2s, border 0.2s, color 0.2s;cursor:pointer;color:var(--bcm-date-disabled-color)}.bcm-date-dropdown .bcm-date-cell-inner:hover{background:var(--bcm-date-bg-hover);color:#64748b}.bcm-date-dropdown .bcm-date-cell-in-view .bcm-date-cell-inner{color:var(--bcm-date-text-color)}.bcm-date-dropdown .bcm-date-cell-today .bcm-date-cell-inner{border:1px solid var(--bcm-date-primary-color);color:var(--bcm-date-primary-color)}.bcm-date-dropdown .bcm-date-cell-today .bcm-date-cell-inner:hover{background:var(--bcm-date-bg-hover);color:#64748b}.bcm-date-dropdown .bcm-date-cell-hover .bcm-date-cell-inner{background:var(--bcm-date-range-hover-bg);color:var(--bcm-date-text-color)}.bcm-date-dropdown .bcm-date-cell-selected .bcm-date-cell-inner{color:#fff;background:var(--bcm-date-primary-color)}.bcm-date-dropdown .bcm-date-cell-selected .bcm-date-cell-inner:hover{background:var(--bcm-date-primary-hover);color:#fff}.bcm-date-dropdown .bcm-date-cell-in-range .bcm-date-cell-inner{background:var(--bcm-date-range-bg)}.bcm-date-dropdown .bcm-date-cell-in-range::before{background:var(--bcm-date-range-bg)}.bcm-date-dropdown .bcm-date-cell-range-start .bcm-date-cell-inner{background-color:var(--bcm-date-primary-color);color:#fff;border-radius:var(--bcm-date-border-radius) 0 0 var(--bcm-date-border-radius)}.bcm-date-dropdown .bcm-date-cell-range-start .bcm-date-cell-inner:hover{background:var(--bcm-date-primary-color);color:#fff}.bcm-date-dropdown .bcm-date-cell-range-start::before{background:var(--bcm-date-range-bg);inset-inline-start:50%}.bcm-date-dropdown .bcm-date-cell-range-end .bcm-date-cell-inner{background-color:var(--bcm-date-primary-color);color:#fff;border-radius:0 var(--bcm-date-border-radius) var(--bcm-date-border-radius) 0}.bcm-date-dropdown .bcm-date-cell-range-end .bcm-date-cell-inner:hover{background:var(--bcm-date-primary-color);color:#fff}.bcm-date-dropdown .bcm-date-cell-range-end::before{background:var(--bcm-date-range-bg);inset-inline-end:50%}.bcm-date-dropdown .bcm-date-cell-range-hover-start .bcm-date-cell-inner{background-color:var(--bcm-date-range-hover-bg);color:var(--bcm-date-text-color)}.bcm-date-dropdown .bcm-date-cell-range-hover-start .bcm-date-cell-inner:hover{background:var(--bcm-date-range-hover-bg);color:var(--bcm-date-text-color);border-radius:var(--bcm-date-border-radius) 0 0 var(--bcm-date-border-radius)}.bcm-date-dropdown .bcm-date-cell-range-hover-end .bcm-date-cell-inner:hover{background:var(--bcm-date-range-hover-bg);color:var(--bcm-date-text-color);border-radius:0 var(--bcm-date-border-radius) var(--bcm-date-border-radius) 0}.bcm-date-dropdown .bcm-date-cell-disabled .bcm-date-cell-inner{pointer-events:none;color:var(--bcm-date-disabled-color)}.bcm-date-dropdown .bcm-date-cell-disabled::before{background:rgba(0, 0, 0, 0.04)}.bcm-date-dropdown .bcm-date-footer{border-top:1px solid rgba(5, 5, 5, 0.06);width:min-content;min-width:100%;line-height:38px;text-align:center}.bcm-date-dropdown .bcm-date-footer .bcm-date-today-btn{color:var(--bcm-date-primary-color);cursor:pointer;padding:0 8px;transition:color 0.2s}.bcm-date-dropdown .bcm-date-footer .bcm-date-today-btn:hover{color:var(--bcm-date-primary-hover)}.bcm-date-dropdown .bcm-date-ranges{margin:0;margin-bottom:0;padding:8px 16px;overflow:hidden;font-size:14px;line-height:24px;font-weight:500;text-align:start;list-style:none;display:flex;justify-content:space-between}.bcm-date-dropdown .bcm-date-ranges>li{display:inline-block}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok{margin-inline-start:auto}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok>button{font-size:14px;color:#fff;background-color:var(--bcm-date-primary-color);box-shadow:0 2px 0 rgba(5, 145, 255, 0.1);height:24px;padding:0 7px;border-radius:var(--bcm-date-border-radius);outline:none;border:none;cursor:pointer;transition:background-color 0.3s}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok>button:hover{background-color:var(--bcm-date-primary-hover)}.bcm-date-dropdown .bcm-date-now{text-align:right}.bcm-date-dropdown .bcm-date-now-btn{color:var(--bcm-date-primary-color);text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color 0.3s;-webkit-text-decoration-skip:objects}.bcm-date-dropdown .bcm-date-now-btn:hover{color:var(--bcm-date-primary-hover)}.bcm-date-dropdown .bcm-date-range-wrapper{display:flex;position:relative}@keyframes bcmDateSlideUpIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes bcmDateSlideDownIn{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}.bcm-date-time-panel-column::-webkit-scrollbar,.bcm-date-dropdown .bcm-date-panel-container::-webkit-scrollbar{width:4px;height:4px}.bcm-date-time-panel-column::-webkit-scrollbar-thumb,.bcm-date-dropdown .bcm-date-panel-container::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}.bcm-date-time-panel-column::-webkit-scrollbar-track,.bcm-date-dropdown .bcm-date-panel-container::-webkit-scrollbar-track{background:transparent}";
 
 const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   constructor() {
@@ -14504,6 +14504,7 @@ const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.error = false;
     this.disabled = false;
     this.clearable = false;
+    this.ariaLabel = undefined;
     this.type = "date";
     this.format = undefined;
     this.range = false;
@@ -14553,13 +14554,14 @@ const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
       date: Object.assign({}, dateOptions),
       datetime: Object.assign(Object.assign(Object.assign({}, dateOptions), timeOptions), { showTime: Object.assign({ showSecond: this.showSecond }, timeOptions) }),
     };
-    const sharedProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ generateConfig: momentGenerateConfig, value: this.newValue, onChange: newValue => this.set(newValue) }, (this.format && { format: this.format })), (this.clearable && { allowClear: this.clearable })), (this.placeholder && { placeholder: this.placeholder })), (this.error && { error: this.error })), (this.disabled && { disabled: this.disabled })), {
+    const sharedProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ generateConfig: momentGenerateConfig, value: this.newValue, onChange: newValue => this.set(newValue) }, (this.format && { format: this.format })), (this.clearable && { allowClear: this.clearable })), (this.placeholder && { placeholder: this.placeholder })), (this.error && { error: this.error })), (this.disabled && { disabled: this.disabled })), (this.ariaLabel && { 'aria-label': this.ariaLabel })), {
       // picker: this.type,
       picker: this.type === "datetime" ? "date" : this.type
     }), options[this.type]), { prefixCls: "bcm-date", suffixIcon: " ", autofocus: true, locale: enUS, separator: " - ", changeOnBlur: true, className: classnames(`bcm-date--${this.type}`, {
         [`bcm-date--${this.size}`]: this.size,
         "bcm-date--error": this.error,
         "bcm-date--existed": this.newValue,
+        "bcm-date--clearable": this.clearable,
       }) });
     if (this.range) {
       reactDom.render(react.createElement(RefRangePicker, Object.assign({}, sharedProps)), this.el);
@@ -14576,6 +14578,7 @@ const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     "error": [4],
     "disabled": [4],
     "clearable": [4],
+    "ariaLabel": [1, "aria-label"],
     "type": [1],
     "format": [8],
     "range": [4],