bromcom-ui 2.9.0-rc.14 → 2.9.0-rc.15

package/dist/components/rc-picker.js

@@ -3,6 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent } from '@stencil/core/internal/client';
+import { a as Bcm } from './bcm.js';
 import { c as classnames } from './index2.js';
 import { u as useEvent, b as useLayoutUpdateEffect, _ as _typeof$3, c as warningOnce, d as useMemo, w as wrapperRaf, a as useLayoutEffect, e as canUseDom, s as supportRef, f as useComposeRef, i as isDOM, g as fillRef, h as findDOMNode, R as RefResizeObserver, j as composeRef } from './raf.js';
 import { r as react, a as reactDom, R as React } from './index3.js';
@@ -13745,7 +13746,7 @@ exports.default = _default;
 
 const enUS = /*@__PURE__*/getDefaultExportFromCjs(en_US);
 
-const rcPickerCss = ".rc-picker{display:inline-flex}.rc-picker-rtl{direction:rtl}.rc-picker-focused{border:1px solid blue}.rc-picker-panel{display:inline-block;vertical-align:top;background:#fff0ff;border:1px solid #666}.rc-picker-panel-focused{border-color:blue}.rc-picker-panel-rtl{direction:rtl}.rc-picker-decade-panel,.rc-picker-year-panel,.rc-picker-month-panel,.rc-picker-week-panel,.rc-picker-date-panel,.rc-picker-time-panel{display:flex;flex-direction:column}.rc-picker-decade-panel table,.rc-picker-year-panel table,.rc-picker-month-panel table,.rc-picker-week-panel table,.rc-picker-date-panel table,.rc-picker-time-panel table{text-align:center;border-collapse:collapse}.rc-picker-header{display:flex}.rc-picker-header>*{flex:none}.rc-picker-header-view{flex:auto;text-align:center}.rc-picker-header-view>button{padding:0;border:0}.rc-picker-cell{color:#aaa}.rc-picker-cell-disabled{opacity:0.2}.rc-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:20px;margin:0;padding:0;font-size:12px;line-height:20px;background:transparent;border:0;border:none;outline:none;cursor:pointer;transition:background 0.3s, border 0.3s}.rc-picker-cell-inner:hover{background:rgba(0, 0, 255, 0.3)}.rc-picker-cell-in-view{color:#333}.rc-picker-cell-in-range>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.05)}.rc-picker-cell-range-hover-start,.rc-picker-cell-range-hover-end,.rc-picker-cell-range-hover{position:relative}.rc-picker-cell-range-hover-start::after,.rc-picker-cell-range-hover-end::after,.rc-picker-cell-range-hover::after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:'';pointer-events:none}.rc-picker-cell-range-hover-start::after{border-left:1px solid green !important}.rc-picker-cell-range-hover-end::after{border-right:1px solid green !important}.rc-picker-cell-today>.rc-picker-cell-inner{border:1px solid blue}.rc-picker-cell-range-start>.rc-picker-cell-inner,.rc-picker-cell-range-end>.rc-picker-cell-inner,.rc-picker-cell-selected>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.2)}.rc-picker-presets{background:#ccccff}.rc-picker-presets ul{margin:0;padding:0;list-style:none}.rc-picker-footer,.rc-picker-picker-footer{background:green}.rc-picker-ranges{margin:0;padding:0;overflow:hidden;list-style:none}.rc-picker-ranges>li{display:inline-block}.rc-picker-ok{float:right}.rc-picker-year-panel .rc-picker-cell-inner,.rc-picker-month-panel .rc-picker-cell-inner{width:80px}.rc-picker-week-panel-row:hover .rc-picker-cell{background:red}.rc-picker-week-panel-row-selected .rc-picker-cell{background:rgba(0, 0, 255, 0.3)}.rc-picker-week-panel-row-range-hover .rc-picker-cell{background:rgba(0, 255, 0, 0.1)}.rc-picker-week-panel-row-range-start .rc-picker-cell,.rc-picker-week-panel-row-range-end .rc-picker-cell{background:rgba(0, 255, 0, 0.3)}.rc-picker-week-panel .rc-picker-cell,.rc-picker-week-panel .rc-picker-cell-inner{width:20px}.rc-picker-week-panel .rc-picker-cell-week{color:#999;font-weight:bold;font-size:12px}.rc-picker-week-panel .rc-picker-cell:hover>.rc-picker-cell-inner,.rc-picker-week-panel .rc-picker-cell-selected>.rc-picker-cell-inner{background:transparent}.rc-picker-date-panel .rc-picker-cell-inner{width:20px}.rc-picker-time-panel{width:auto}.rc-picker-time-panel .rc-picker-content{display:flex;max-height:200px}.rc-picker-time-panel-column{flex:none;width:50px;margin:0;padding:0 0 180px 0;overflow-x:hidden;overflow-y:hidden;font-size:12px;text-align:left;list-style:none;transition:background 0.3s}.rc-picker-time-panel-column-active{background:rgba(0, 0, 255, 0.1)}.rc-picker-time-panel-column:hover{overflow-y:auto}.rc-picker-time-panel-column>li{margin:0;padding:0;cursor:pointer}.rc-picker-time-panel-column>li.rc-picker-time-panel-cell-disabled{opacity:0.5}.rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{display:block;width:100%;height:20px;margin:0;padding:0 0 0 12px;color:#333;line-height:20px;text-align:left}.rc-picker-panel-rtl .rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{padding:0 12px 0 0;text-align:right}.rc-picker-datetime-panel{display:flex}.rc-picker-datetime-panel .rc-picker-time-panel{border-left:1px solid #999}.rc-picker-datetime-panel .rc-picker-date-panel,.rc-picker-datetime-panel .rc-picker-time-panel{transition:opacity 0.3s}.rc-picker-datetime-panel-active .rc-picker-date-panel,.rc-picker-datetime-panel-active .rc-picker-time-panel{opacity:0.3}.rc-picker-datetime-panel-active .rc-picker-date-panel-active,.rc-picker-datetime-panel-active .rc-picker-time-panel-active{opacity:1}.rc-picker-input{position:relative;display:inline-flex;width:100%}.rc-picker-rtl .rc-picker-input{text-align:right}.rc-picker-input>input{width:100%}.rc-picker-input>input::-moz-placeholder{opacity:1}.rc-picker-input>input::placeholder{color:#bfbfbf}.rc-picker-input>input:placeholder-shown{text-overflow:ellipsis}.rc-picker-input-placeholder>input{color:#bfbfbf}.rc-picker-clear{position:absolute;top:0;right:4px;cursor:pointer}.rc-picker-rtl .rc-picker-clear{right:auto;left:4px}.rc-picker-clear-btn::after{content:'×'}.rc-picker-dropdown{position:absolute;box-shadow:0 0 1px red}.rc-picker-dropdown-range{padding:10px 0}.rc-picker-dropdown-hidden{display:none}.rc-picker-dropdown-placement-topLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-topRight .rc-picker-range-arrow{bottom:6px;transform:rotate(135deg)}.rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-bottomright .rc-picker-range-arrow{top:6px;transform:rotate(-45deg)}.rc-picker-dropdown .rc-picker-range-arrow{position:absolute;left:10px;z-index:1;width:10px;height:10px;margin-left:10px;transition:all 0.3s}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow{right:10px;left:auto;margin-right:10px;margin-left:0}.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown .rc-picker-range-arrow::after{position:absolute;top:50%;left:50%;box-sizing:border-box;transform:translate(-50%, -50%);content:''}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::after{right:50%;left:auto;transform:translate(50%, -50%)}.rc-picker-dropdown .rc-picker-range-arrow::before{width:10px;height:10px;border:5px solid blue;border-color:blue blue transparent transparent}.rc-picker-dropdown .rc-picker-range-arrow::after{width:8px;height:8px;border:4px solid blue;border-color:#fff0ff #fff0ff transparent transparent}.rc-picker-range{position:relative;display:inline-flex}.rc-picker-range-wrapper{display:flex}.rc-picker-range .rc-picker-active-bar{bottom:0;height:3px;background:green;opacity:0;transition:all 0.3s;pointer-events:none}.rc-picker-range.rc-picker-focused .rc-picker-active-bar{opacity:1}.rc-picker-panel-container{display:inline-block;vertical-align:top;transition:margin 0.3s}.rc-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch}";
+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}.rc-picker-rtl{direction:rtl}.rc-picker-panel-focused{border-color:#4293cf}.rc-picker-panel-rtl{direction:rtl}.rc-picker-decade-panel,.rc-picker-year-panel,.rc-picker-month-panel,.rc-picker-week-panel,.rc-picker-date-panel,.rc-picker-time-panel{display:flex;flex-direction:column}.rc-picker-decade-panel table,.rc-picker-year-panel table,.rc-picker-month-panel table,.rc-picker-week-panel table,.rc-picker-date-panel table,.rc-picker-time-panel table{text-align:center;border-collapse:collapse}.rc-picker-cell{color:#aaa}.rc-picker-cell-disabled{opacity:0.2}.rc-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:20px;margin:0;padding:0;font-size:12px;line-height:20px;background:transparent;border:0;border:none;outline:none;cursor:pointer;transition:background 0.3s, border 0.3s}.rc-picker-cell-inner:hover{background:rgba(0, 0, 255, 0.3)}.rc-picker-cell-in-view{color:#333}.rc-picker-cell-in-range>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.05)}.rc-picker-cell-range-hover-start,.rc-picker-cell-range-hover-end,.rc-picker-cell-range-hover{position:relative}.rc-picker-cell-range-hover-start::after,.rc-picker-cell-range-hover-end::after,.rc-picker-cell-range-hover::after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:\"\";pointer-events:none}.rc-picker-cell-range-hover-start::after{border-left:1px solid green !important}.rc-picker-cell-range-hover-end::after{border-right:1px solid green !important}.rc-picker-cell-today>.rc-picker-cell-inner{border:1px solid blue}.rc-picker-cell-range-start>.rc-picker-cell-inner,.rc-picker-cell-range-end>.rc-picker-cell-inner,.rc-picker-cell-selected>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.2)}.rc-picker-presets{background:#ccccff}.rc-picker-presets ul{margin:0;padding:0;list-style:none}.rc-picker-footer,.rc-picker-picker-footer{background:green}.rc-picker-ranges{margin:0;padding:0;overflow:hidden;list-style:none}.rc-picker-ranges>li{display:inline-block}.rc-picker-ok{float:right}.rc-picker-year-panel .rc-picker-cell-inner,.rc-picker-month-panel .rc-picker-cell-inner{width:80px}.rc-picker-week-panel-row:hover .rc-picker-cell{background:red}.rc-picker-week-panel-row-selected .rc-picker-cell{background:rgba(0, 0, 255, 0.3)}.rc-picker-week-panel-row-range-hover .rc-picker-cell{background:rgba(0, 255, 0, 0.1)}.rc-picker-week-panel-row-range-start .rc-picker-cell,.rc-picker-week-panel-row-range-end .rc-picker-cell{background:rgba(0, 255, 0, 0.3)}.rc-picker-week-panel .rc-picker-cell,.rc-picker-week-panel .rc-picker-cell-inner{width:20px}.rc-picker-week-panel .rc-picker-cell-week{color:#999;font-weight:bold;font-size:12px}.rc-picker-week-panel .rc-picker-cell:hover>.rc-picker-cell-inner,.rc-picker-week-panel .rc-picker-cell-selected>.rc-picker-cell-inner{background:transparent}.rc-picker-date-panel .rc-picker-cell-inner{width:20px}.rc-picker-time-panel{width:auto}.rc-picker-time-panel .rc-picker-content{display:flex;max-height:200px}.rc-picker-time-panel-column{flex:none;width:50px;margin:0;padding:0 0 180px 0;overflow-x:hidden;overflow-y:hidden;font-size:12px;text-align:left;list-style:none;transition:background 0.3s}.rc-picker-time-panel-column-active{background:rgba(0, 0, 255, 0.1)}.rc-picker-time-panel-column:hover{overflow-y:auto}.rc-picker-time-panel-column>li{margin:0;padding:0;cursor:pointer}.rc-picker-time-panel-column>li.rc-picker-time-panel-cell-disabled{opacity:0.5}.rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{display:block;width:100%;height:20px;margin:0;padding:0 0 0 12px;color:#333;line-height:20px;text-align:left}.rc-picker-panel-rtl .rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{padding:0 12px 0 0;text-align:right}.rc-picker-datetime-panel{display:flex}.rc-picker-datetime-panel .rc-picker-time-panel{border-left:1px solid #999}.rc-picker-datetime-panel .rc-picker-date-panel,.rc-picker-datetime-panel .rc-picker-time-panel{transition:opacity 0.3s}.rc-picker-datetime-panel-active .rc-picker-date-panel,.rc-picker-datetime-panel-active .rc-picker-time-panel{opacity:0.3}.rc-picker-datetime-panel-active .rc-picker-date-panel-active,.rc-picker-datetime-panel-active .rc-picker-time-panel-active{opacity:1}.rc-picker-rtl .rc-picker-input{text-align:right}.rc-picker-rtl .rc-picker-clear{right:auto;left:4px}.rc-picker-dropdown{position:absolute;box-shadow:0 0 1px red}.rc-picker-dropdown-range{padding:10px 0}.rc-picker-dropdown-hidden{display:none}.rc-picker-dropdown-placement-topLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-topRight .rc-picker-range-arrow{bottom:6px;transform:rotate(135deg)}.rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-bottomright .rc-picker-range-arrow{top:6px;transform:rotate(-45deg)}.rc-picker-dropdown .rc-picker-range-arrow{position:absolute;left:10px;z-index:1;width:10px;height:10px;margin-left:10px;transition:all 0.3s}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow{right:10px;left:auto;margin-right:10px;margin-left:0}.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown .rc-picker-range-arrow::after{position:absolute;top:50%;left:50%;box-sizing:border-box;transform:translate(-50%, -50%);content:\"\"}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::after{right:50%;left:auto;transform:translate(50%, -50%)}.rc-picker-dropdown .rc-picker-range-arrow::before{width:10px;height:10px;border:5px solid blue;border-color:blue blue transparent transparent}.rc-picker-dropdown .rc-picker-range-arrow::after{width:8px;height:8px;border:4px solid blue;border-color:#fff0ff #fff0ff transparent transparent}.rc-picker-range{position:relative;display:inline-flex}.rc-picker-range-wrapper{display:flex}.rc-picker-range .rc-picker-active-bar{bottom:0;height:3px;background:green;opacity:0;transition:all 0.3s;pointer-events:none}.rc-picker-range.rc-picker-focused .rc-picker-active-bar{opacity:1}.rc-picker-panel-container{display:inline-block;vertical-align:top;transition:margin 0.3s}.rc-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch}.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-focused{background-color:#f8fafc}.bcm-date-suffix:not(:empty){display:flex;align-items:center;justify-content:center;order:2}.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}.bcm-date-input>input{width:100%;color:#475569;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{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;font-size:20px;padding-bottom:3px;line-height:1;order:1;cursor:pointer;font-weight:400}.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-dropdown{position:absolute;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;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}.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,.bcm-date-dropdown .bcm-date-time-panel{width:256px}.bcm-date-dropdown .bcm-date-time-panel{width:auto;padding-top:4px}.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-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 .bcm-date-cell-inner{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:#64748b}.bcm-date-dropdown .bcm-date-cell .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-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}";
 
 const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   constructor() {
@@ -13756,9 +13757,16 @@ const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.type = "date";
     this.format = undefined;
     this.placeholder = undefined;
+    this.size = Bcm.Size.medium;
     this.showTime = undefined;
     this.showToday = undefined;
     this.showNow = undefined;
+    this.showHour = undefined;
+    this.showMinute = undefined;
+    this.showSecond = undefined;
+    this.use12Hours = undefined;
+    this.error = undefined;
+    this.disabled = undefined;
     this.clearable = false;
     this.defaultValue = undefined;
     this.newValue = undefined;
@@ -13770,69 +13778,96 @@ const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.setValue(newValue);
     this.bcmRCPickerChange.emit(newValue ? hooks(newValue) : null);
   }
-  watchValue(val) {
-    if (typeof val === "string") {
-      this.newValue = hooks(val).format(this.format);
+  async set(value) {
+    if (value && value != "invalid date") {
+      this.newValue = hooks(value);
+      this.handleChange(hooks(value));
     }
   }
   componentDidRender() {
     // const onSelect = (newValue: Moment) => {
     //     // console.log("Select:", newValue);
     // };
-    const props = Object.assign(Object.assign(Object.assign({}, (this.format && { format: this.format })), (this.clearable && { allowClear: this.clearable })), (this.placeholder && { placeholder: this.placeholder }));
+    const props = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (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 options = {
       time: {
-        showHour: true,
-        showMinute: true,
-        showSecond: false,
-        use12Hours: false,
-        format: "HH:mm",
-        showNow: false,
+        // showTime: this.showTime,
+        // showToday: this.showToday,
+        showNow: this.showNow,
+        showHour: this.showHour,
+        showMinute: this.showMinute,
+        showSecond: this.showSecond,
+        use12Hours: this.use12Hours,
+        format: this.format,
         hourStep: 1,
-        minuteStep: 30,
+        minuteStep: 1,
         secondStep: 1,
         hideDisabledOptions: false,
-        defaultValue: hooks("08:00", "HH:mm"),
+        // defaultValue: moment("08:00", "HH:mm"),
         disabledTime: () => ({
-          disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 7, 13, 18, 19, 20, 21, 22, 23],
-          // disabledMinutes: () => [1, 2, 3],
-          // disabledSeconds: () => [1, 2, 3],
+        // disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 7, 13, 18, 19, 20, 21, 22, 23],
+        // disabledMinutes: () => [1, 2, 3],
+        // disabledSeconds: () => [1, 2, 3],
         }),
         active: true,
       },
       date: {
-        format: "DD/MM/YYYY",
+        format: this.format,
+        showToday: this.showToday,
       },
       datetime: {
         showTime: true,
-        showHour: true,
-        showMinute: true,
-        showSecond: false,
-        use12Hours: false,
-        format: "DD/MM/YYYY HH:mm",
+        showNow: this.showNow,
+        showHour: this.showHour,
+        showMinute: this.showMinute,
+        showSecond: this.showSecond,
+        use12Hours: this.use12Hours,
+        format: this.format,
+        showToday: this.showToday,
       },
     };
     const sharedProps = Object.assign(Object.assign(Object.assign(Object.assign({ generateConfig: momentGenerateConfig, value: this.newValue,
-      // onSelect,
-      onChange: (newValue) => this.handleChange(newValue) }, props), { picker: this.type }), options[this.type]), { autofocus: true });
-    reactDom.render(react.createElement(Picker, Object.assign(Object.assign({}, sharedProps), { locale: enUS })), this.el);
+      // onSelect: (newValue: Moment) => this.handleChange(newValue),
+      onChange: (newValue) => this.handleChange(newValue) }, props), { picker: this.type,
+      // presets: [
+      //     {
+      //         label: "Hello World!",
+      //         value: moment(),
+      //     },
+      //     {
+      //         label: "Now",
+      //         value: () => moment(),
+      //     },
+      // ]
+      // showTime: true,
+      // showSecond: false,
+      prefixCls: "bcm-date", suffixIcon: " " }), options[this.type]), { autofocus: true });
+    reactDom.render(react.createElement(Picker, Object.assign(Object.assign({}, sharedProps), { locale: enUS, className: classnames("bcm-date--" + this.type, {
+        [`bcm-date--${this.size}`]: this.size,
+        [`bcm-date--error`]: this.error,
+      }) })), this.el);
   }
   get el() { return this; }
-  static get watchers() { return {
-    "val": ["watchValue"]
-  }; }
   static get style() { return rcPickerCss; }
 }, [0, "bcm-rc-picker", {
     "val": [1032],
     "type": [1],
     "format": [1],
     "placeholder": [1],
+    "size": [513],
     "showTime": [8, "show-time"],
     "showToday": [8, "show-today"],
     "showNow": [8, "show-now"],
+    "showHour": [8, "show-hour"],
+    "showMinute": [8, "show-minute"],
+    "showSecond": [8, "show-second"],
+    "use12Hours": [8, "use-1-2-hours"],
+    "error": [8],
+    "disabled": [8],
     "clearable": [4],
     "defaultValue": [32],
-    "newValue": [32]
+    "newValue": [32],
+    "set": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/esm/{_commonjsHelpers-be0d4ec8.js → _commonjsHelpers-7002e5de.js}

@@ -37,4 +37,4 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { commonjsGlobal as a, getAugmentedNamespace as b, createCommonjsModule as c, getDefaultExportFromCjs as g };
+export { commonjsGlobal as a, getDefaultExportFromCjs as b, createCommonjsModule as c, getAugmentedNamespace as g };

package/dist/esm/{bcm-ac17222c.js → bcm-40f18097.js}

@@ -378,33 +378,33 @@ var Bcm;
     KeyCode[KeyCode["a"] = 65] = "a";
   })(Bcm.KeyCode || (Bcm.KeyCode = {}));
   Bcm.FormErrorMessages = {
-    'email': 'Please enter a valid email address',
-    'password': 'Please enter a valid password',
-    'url': 'Please enter a valid URL',
-    'phone': 'Please enter a valid phone number',
-    'search': 'Please enter a valid search term',
-    'number': 'Please enter a valid number',
-    'text': 'Please enter a valid text',
-    'required': 'This field is required',
-    'minlength': 'This field must be at least {0} characters long',
-    'maxlength': 'This field must be at most {0} characters long',
-    'min': 'This field must be at least {0}',
-    'max': 'This field must be at most {0}',
-    'between': 'This field must be between {0} and {1}',
-    'pattern': 'Please use a valid format',
-    'date': 'Please enter a valid date',
-    'time': 'Please enter a valid time',
-    'datetime': 'Please enter a valid date and time',
-    'datetime-local': 'Please enter a valid date and time',
-    'month': 'Please enter a valid month',
-    'week': 'Please enter a valid week',
-    'color': 'Please enter a valid color',
-    'file': 'Please enter a valid file',
-    'range': 'Please enter a valid range',
-    'radio': 'Please select a valid option',
-    'checkbox': 'Please select a valid option',
-    'select': 'Please select a valid option',
-    'multiple': 'Please select a valid option',
+    "email": "Please enter a valid email address",
+    "password": "Please enter a valid password",
+    "url": "Please enter a valid URL",
+    "phone": "Please enter a valid phone number",
+    "search": "Please enter a valid search term",
+    "number": "Please enter a valid number",
+    "text": "Please enter a valid text",
+    "required": "This field is required",
+    "minlength": "This field must be at least {0} characters long",
+    "maxlength": "This field must be at most {0} characters long",
+    "min": "This field must be at least {0}",
+    "max": "This field must be at most {0}",
+    "between": "This field must be between {0} and {1}",
+    "pattern": "Please use a valid format",
+    "date": "Please enter a valid date",
+    "time": "Please enter a valid time",
+    "datetime": "Please enter a valid date and time",
+    "datetime-local": "Please enter a valid date and time",
+    "month": "Please enter a valid month",
+    "week": "Please enter a valid week",
+    "color": "Please enter a valid color",
+    "file": "Please enter a valid file",
+    "range": "Please enter a valid range",
+    "radio": "Please select a valid option",
+    "checkbox": "Please select a valid option",
+    "select": "Please select a valid option",
+    "multiple": "Please select a valid option",
   };
   (function (IndeterminateType) {
     IndeterminateType["uncheck"] = "uncheck";

package/dist/esm/bcm-accordion.entry.js

@@ -3,10 +3,10 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { G as Generate } from './generate-ad35cf8e.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const accordionCss = "@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}:host{display:block}";
 

package/dist/esm/bcm-alert.entry.js

@@ -3,14 +3,14 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-87200d1c.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-ad35cf8e.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import { c as createStore } from './index-7e71bbc8.js';
-import { S as StringHelper } from './string-helper-5ef67a66.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './bcm-ac17222c.js';
+import { S as StringHelper } from './string-helper-5a67b5cc.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
+import './bcm-40f18097.js';
 
 const { state } = createStore({
   value: new Map(),

package/dist/esm/bcm-attendance.entry.js

@@ -3,10 +3,10 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { G as Generate } from './generate-ad35cf8e.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const attendanceCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .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}*{box-sizing:border-box}.bcm-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}";
 

package/dist/esm/bcm-autocomplete.entry.js

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const autocompleteCss = "@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}:host{display:inline-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}";
 

package/dist/esm/bcm-avatar_2.entry.js

@@ -3,20 +3,19 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './number-helper-d3485207.js';
-import './string-helper-5ef67a66.js';
-import './validators-3438f640.js';
+import { C as ColorHelper } from './color-helper-71b610e7.js';
+import './validators-5606ad07.js';
+import { G as Generate } from './generate-ad35cf8e.js';
+import './number-helper-32d36561.js';
+import './string-helper-5a67b5cc.js';
 import './element-dragger-7ea06c76.js';
-import { a as Bcm } from './bcm-ac17222c.js';
+import { a as Bcm } from './bcm-40f18097.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
 import './utils-b3338faf.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-e0503891.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-a8541483.js';
 
 const avatarStyle = ce({
   slots: {

package/dist/esm/bcm-breadcrumb.entry.js

@@ -3,11 +3,11 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { G as Generate } from './generate-ad35cf8e.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
 
 const breadcrumbCss = "@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-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";
 

package/dist/esm/bcm-button-group.entry.js

@@ -3,13 +3,13 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate, s as snq } from './generate-87200d1c.js';
-import { B as Bcm } from './bcm-ac17222c.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { S as StringHelper } from './string-helper-5ef67a66.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { G as Generate, s as snq } from './generate-ad35cf8e.js';
+import { B as Bcm } from './bcm-40f18097.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { S as StringHelper } from './string-helper-5a67b5cc.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const buttonGroupCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .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}*{box-sizing:border-box}.bcm-button-group{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:fit-content;background-color:var(--bcm-new-ds-color-slate-300);border:1px solid var(--bcm-new-ds-color-slate-300);gap:1px;border-radius:4px}.bcm-button-group .bcm-button__container{border-radius:0;border:none}.bcm-button-group .bcm-button:first-child .bcm-button__container{border-top-left-radius:4px;border-bottom-left-radius:4px}.bcm-button-group .bcm-button:last-child .bcm-button__container{border-top-right-radius:4px;border-bottom-right-radius:4px}.bcm-button-group__vertical{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.bcm-button-group__vertical .bcm-button{width:100%}.bcm-button-group__vertical .bcm-button__container{width:100%;border-radius:0}.bcm-button-group__vertical .bcm-button:first-child .bcm-button__container{border-radius:4px 4px 0 0}.bcm-button-group__vertical .bcm-button:last-child .bcm-button__container{border-radius:0 0 4px 4px}";