bromcom-ui 2.8.1-rc.3 → 2.8.1-rc.5

package/dist/esm/bcm-modal-2-footer.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';

package/dist/esm/bcm-modal-2-header.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';

package/dist/esm/bcm-modal-2.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { d as delay } from './utils-57652744.js';
 import { a as Bcm } from './bcm-9f50af9c.js';

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

@@ -7,7 +7,7 @@ import { c as classnames } from './index-ed9652af.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { S as SlotTemplate } from './slot-template-5b2db362.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

package/dist/esm/bcm-popconfirm-box.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { s as setPosition } from './popover-placement-78f86f15.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';

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

@@ -5,7 +5,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { d as delay } from './utils-57652744.js';
 import { a as Bcm } from './bcm-9f50af9c.js';

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

@@ -6,10 +6,10 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { a as Bcm } from './bcm-9f50af9c.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { c as classnames } from './index-ed9652af.js';
 import './colors-1d7854ea.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-rc-overflow_2.entry.js

@@ -5,16 +5,16 @@
 import { r as registerInstance, c as createEvent, g as getElement, h as h$1, H as Host } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate, s as snq } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate, s as snq } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { r as react, a as reactDom } from './index-6310a048.js';
 import { c as classnames } from './index-ed9652af.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-3016b722.js';
-import { I as InputTemplate } from './input-template-846cd4f3.js';
+import { I as InputTemplate } from './input-template-223732ac.js';
 import { d as delay } from './utils-57652744.js';
 import { c as createStore } from './index-93e36fdb.js';
 import './colors-1d7854ea.js';

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -4,8 +4,8 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-5684c743.js';
-import { s as stepperStates } from './stepper-states-2f1dd0bd.js';
+import { G as Generate } from './generate-d1b46990.js';
+import { s as stepperStates } from './stepper-states-f358bd3d.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 import './index-93e36fdb.js';

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

@@ -5,17 +5,17 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate, s as snq } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate, s as snq } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { g as getChildElements } from './utils-57652744.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';
 import './types-6f06fa1a.js';
 import './types-9493a7ed.js';
-import { s as stepperStates } from './stepper-states-2f1dd0bd.js';
+import { s as stepperStates } from './stepper-states-f358bd3d.js';
 import './colors-1d7854ea.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';
@@ -42,12 +42,13 @@ const StepperHeaderTemplate = ({ _title, description, status, valid, index, load
       h("div", { class: "bcm-stepper__header-item-description size-1" }, description))));
 };
 
-const stepperCss = "@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-stepper{display:block;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-color-prime-blue-6);color:var(--bcm-color-grey-1);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-color-prime-blue-6);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-color-grey-8)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-7)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:\"\";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-color-prime-blue-6);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0}.bcm-stepper__header-item::before{left:0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:\"\";border:2px solid var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-color-prime-blue-6);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-warmyellow-5)}.bcm-stepper__header-line--success{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-green-5)}.bcm-stepper__header-line--error{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-color-red-6)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-red-6)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-red-5)}.bcm-stepper__header-line--default{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-5)}.bcm-stepper__header-line--loading{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-5)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-grey-5)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}";
+const stepperCss = "@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-stepper{display:block;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:150px}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-new-ds-color-blue-600);color:var(--bcm-new-ds-color-slate-700);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-new-ds-color-blue-600);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-700)}.bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-600)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-7)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:\"\";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-new-ds-color-blue-600);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0;border-radius:3px 0 0 3px}.bcm-stepper__header-item::before{left:0;border-radius:0 3px 3px 0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:\"\";border:2px solid var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-new-ds-color-blue-600);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}";
 
 const BcmStepper = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bcmStepChange = createEvent(this, "bcm-step-change", 7);
+    this.bcmStepperBeforeChange = createEvent(this, "bcm-step-before-change", 7);
     this.hidden = false;
     this._id = Generate.UID();
     this.direction = Bcm.Direction.horizontal;
@@ -196,16 +197,31 @@ const BcmStepper = class {
   getItems() {
     return snq(() => { var _a; return (_a = stepperStates.getValue(this.stepperId).steps) === null || _a === void 0 ? void 0 : _a.filter(item => !item.headerHidden); }, []);
   }
+  headerClick(index) {
+    this.bcmStepperBeforeChange.emit({
+      current: this.getActiveIndex() - 1,
+      next: index,
+    });
+  }
+  async handleBcmStepBeforeChange(e) {
+    if (e.defaultPrevented) {
+      return;
+    }
+    if (e.target === this.el) {
+      const { next } = e.detail;
+      this.next(next);
+    }
+  }
   render() {
     const { hidden, direction, linear, size } = this;
-    const hostClasses = classnames("bcm-stepper", "bcm-stepper__direction-" + direction, "bcm-stepper__size-" + size, {
+    const hostClasses = classnames("bcm-ui-element tw-font-sans tw-antialiased", "bcm-stepper", "bcm-stepper__direction-" + direction, "bcm-stepper__size-" + size, {
       "bcm-stepper__linear": linear,
       hidden,
     });
     const lineClasses = item => classnames("bcm-stepper__header-line", `bcm-stepper__header-line--${(item === null || item === void 0 ? void 0 : item.disabled) ? "disabled" : (item === null || item === void 0 ? void 0 : item.status) === "error" ? "default" : item === null || item === void 0 ? void 0 : item.status}`);
     const items = this.getItems();
     return (h(Host, { class: hostClasses }, h("span", { hidden: true, id: `bcm-stepper__steps-${this._id}` }, h("slot", null)), h("main", null, h("header", { class: "bcm-stepper__header" }, items === null || items === void 0 ? void 0 : items.map((item, index) => [
-      h(StepperHeaderTemplate, Object.assign({}, item, { stepChange: step => this.next(step - 1) })),
+      h(StepperHeaderTemplate, Object.assign({}, item, { stepChange: step => this.headerClick(step - 1) })),
       items.length > index + 1 && h("div", { class: lineClasses(item) }),
     ])), h("section", { class: "bcm-stepper__body" }, this.data && this.data.length > 0 ? items === null || items === void 0 ? void 0 : items.map(item => h("bcm-step", Object.assign({}, item))) : h("slot", null)))));
   }

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

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { C as CaptionTemplate } from './caption-template-da16ba7b.js';
 import { d as delay } from './utils-57652744.js';

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { d as delay } from './utils-57652744.js';
 import { a as Bcm } from './bcm-9f50af9c.js';

package/dist/esm/bcm-tab-item-header.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';

package/dist/esm/bcm-tab-item.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-d1b46990.js';
+import './number-helper-ee656d1d.js';
 import './string-helper-6bd24967.js';
-import './validators-d6dd6432.js';
+import './validators-b6228259.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';

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

@@ -3,10 +3,10 @@
  * Copyright (c) Bromcom.
  */
 import { h, r as registerInstance, c as createEvent, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';
-import { N as NumberHelper } from './number-helper-3c971b4e.js';
+import { N as NumberHelper } from './number-helper-ee656d1d.js';
 import { e as extractColor } from './utils-57652744.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { C as ColorProps } from './types-9493a7ed.js';

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { C as CaptionTemplate } from './caption-template-da16ba7b.js';
-import { I as InputTemplate } from './input-template-846cd4f3.js';
+import { I as InputTemplate } from './input-template-223732ac.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';

package/dist/esm/bcm-time-picker.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-d1b46990.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';