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

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

@@ -4,22 +4,21 @@
  */
 import { h, F as Fragment, r as registerInstance, H as Host, g as getElement } from './index-0615c2b8.js';
 import { M as ModuleNames, L as LicenseManager, a as MD5, W as WatermarkComp, _, R as RowNode, E as Events, C as ClientSideRowModelSteps, b as RowHighlightPosition, c as ChangedPath, A as Autowired, O as Optional, P as PostConstruct, B as Bean, d as BeanStub, G as GROUP_AUTO_COLUMN_ID, e as ColumnGroup, f as GroupInstanceIdCreator, g as ExcelFactoryMode, h as CssClassApplier, i as AgPromise, j as RefSelector, k as Component, l as ModuleRegistry, m as Grid } from './watermark-f2c6a1f9.js';
-import './color-helper-c4fa9ebc.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate, s as snq } from './generate-8591a0f0.js';
-import './number-helper-6ef9165b.js';
-import { S as StringHelper } from './string-helper-5ef67a66.js';
-import './validators-358cf956.js';
+import './color-helper-71b610e7.js';
+import './validators-5606ad07.js';
+import { G as Generate, s as snq } from './generate-ad35cf8e.js';
+import './number-helper-32d36561.js';
+import { S as StringHelper } from './string-helper-5a67b5cc.js';
 import './element-dragger-7ea06c76.js';
-import './bcm-ac17222c.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import './bcm-40f18097.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './types-9493a7ed.js';
 import './colors-1d7854ea.js';
 import './utils-b3338faf.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-569c91f0.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-a8541483.js';
 
 // DO NOT UPDATE MANUALLY: Generated from script during build time
 var VERSION$4 = '29.0.0';

package/dist/esm/bcm-tabs-content.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 { c as classnames } from './index-b84bc8c9.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import { c as getChilds } from './utils-b3338faf.js';
 import { T as TypeProps } from './types-b211a5eb.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const tabsContentCss = "@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{width:100%;display:block;padding:8px}:host(.pane){border:1px solid transparent;border-top:none;border-color:var(--bcm-color-grey-5);border-radius:0 0 2px 2px}";
 

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

@@ -5,8 +5,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { S as SizeProps, T as TypeProps, D as DirectionProps } from './types-b211a5eb.js';
 import { d as delay, c as getChilds } from './utils-b3338faf.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 tabsCss = "@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}:host(.hidden){display:none}::slotted(bcm-tab:not(:last-child)){margin-right:32px}.tabs{position:relative;display:flex;flex-wrap:wrap}.tabs.large{--bcm-tab-vertical-space:16px;--bcm-tab-font-size:16px;--bcm-tab-line-height:24px}.tabs.medium{--bcm-tab-vertical-space:11px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.small{--bcm-tab-vertical-space:7px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.pane{--bcm-tab-vertical-space:9px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.full-width{width:100%;display:flex;align-items:center;justify-content:center}.tabs.full-width ::slotted(bcm-tab){flex:1}.tabs.underline:after{content:\"\";margin-top:0;z-index:0;left:0;width:100%;height:2px;background-color:var(--bcm-color-grey-4)}.tabs.animatable:before{transition:all 0.4s ease}.tabs.pane ::slotted(bcm-tab:not(:last-child)){margin-right:2px}.tabs.pane:before{display:none}.tabs.vertical{flex-direction:column;width:fit-content}.tabs.vertical:before{content:\"\";position:absolute;top:var(--bcm-tabs-line-top);left:var(--bcm-tabs-line-left);right:var(--bcm-tabs-line-right);width:var(--bcm-tabs-line-width);height:var(--bcm-tabs-line-height);background-color:var(--bcm-color-prime-blue-6)}.tabs.vertical ::slotted(bcm-tab){margin-right:0}";
 

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

@@ -3,16 +3,16 @@
  * Copyright (c) Bromcom.
  */
 import { h, r as registerInstance, c as createEvent, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-8591a0f0.js';
-import { B as Bcm } from './bcm-ac17222c.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { N as NumberHelper } from './number-helper-6ef9165b.js';
+import { G as Generate } from './generate-ad35cf8e.js';
+import { B as Bcm } from './bcm-40f18097.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { N as NumberHelper } from './number-helper-32d36561.js';
 import { e as extractColor } from './utils-b3338faf.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { C as ColorProps } from './types-9493a7ed.js';
-import './package-569c91f0.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, value, type, onDismiss, onSelect }) => {
   !size && (size = Bcm.FontSize['size-1']);

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

@@ -3,15 +3,15 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
-import { S as SlotTemplate } from './slot-template-7447145d.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { C as ColorHelper } from './color-helper-71b610e7.js';
+import { S as SlotTemplate } from './slot-template-d37d0312.js';
+import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
 import './utils-b3338faf.js';
-import './colors-e1c31f79.js';
-import './string-helper-5ef67a66.js';
-import './bcm-ac17222c.js';
+import './colors-ebea297f.js';
+import './string-helper-5a67b5cc.js';
+import './bcm-40f18097.js';
 
 const textCss = "@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-text{display:inline;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-text.hidden{display:none}.bcm-text__paragraph{margin:0;padding:0}.bcm-text__font-size-1{font-size:10px;line-height:calc(10px + 8px)}.bcm-text__font-size-2{font-size:12px;line-height:calc(12px + 8px)}.bcm-text__font-size-3{font-size:14px;line-height:calc(14px + 8px)}.bcm-text__font-size-4{font-size:16px;line-height:calc(16px + 8px)}.bcm-text__font-size-5{font-size:18px;line-height:calc(18px + 8px)}.bcm-text__font-size-6{font-size:20px;line-height:calc(20px + 8px)}.bcm-text__font-size-7{font-size:24px;line-height:calc(24px + 8px)}.bcm-text__font-size-8{font-size:32px;line-height:calc(32px + 8px)}.bcm-text__font-size-9{font-size:40px;line-height:calc(40px + 8px)}";
 

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

@@ -0,0 +1,159 @@
+/*!
+ * Built with Stencil
+ * 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-00c8a8f7.js';
+import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
+import { G as Generate } from './generate-ad35cf8e.js';
+import { B as Bcm } from './bcm-40f18097.js';
+import { C as CaptionTemplate } from './caption-template-d47f338f.js';
+import { I as InputTemplate } from './input-template-25434b4d.js';
+import { d as delay } from './utils-b3338faf.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
+import './types-6f06fa1a.js';
+
+var ResizeType;
+(function (ResizeType) {
+  ResizeType["none"] = "none";
+  ResizeType["both"] = "both";
+  ResizeType["horizontal"] = "horizontal";
+  ResizeType["vertical"] = "vertical";
+  ResizeType["initial"] = "initial";
+  ResizeType["inherit"] = "inherit";
+})(ResizeType || (ResizeType = {}));
+
+const textareaCss = "@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\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const BcmTextarea = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.focus = createEvent(this, "bcm-focus", 7);
+    this.blur = createEvent(this, "bcm-blur", 7);
+    this.clear = createEvent(this, "bcm-clear", 7);
+    this.change = createEvent(this, "bcm-change", 7);
+    this.input = createEvent(this, "bcm-input", 7);
+    this._id = Generate.UID();
+    this._internal_id = Generate.UID();
+    this.hidden = false;
+    this.value = undefined;
+    this.placeholder = undefined;
+    this.label = undefined;
+    this.name = undefined;
+    this.required = false;
+    this.caption = undefined;
+    this.noCaption = false;
+    this.captionError = undefined;
+    this.captionType = Bcm.Status.default;
+    this.rows = 3;
+    this.size = Bcm.Size.medium;
+    this.disabled = undefined;
+    this.readonly = false;
+    this.clearable = undefined;
+    this.resize = ResizeType.vertical;
+    this.fullWidth = false;
+    this.maxLength = undefined;
+    this.focused = false;
+    this.captionCache = undefined;
+    this.captionTypeCache = undefined;
+  }
+  connectedCallback() {
+    this.captionCache = this.caption;
+    this.captionTypeCache = this.captionType;
+  }
+  async onBcmFocus() {
+    this.textarea.focus();
+  }
+  async onBcmBlur() {
+    this.textarea.blur();
+  }
+  async onBcmSelect() {
+    this.textarea.select();
+  }
+  async set(data) {
+    await this.setValue(data);
+  }
+  async get() {
+    return this.value || null;
+  }
+  async setValue(value) {
+    this.textarea.value = value;
+    this.value = value;
+    this.handleChange();
+    return value;
+  }
+  async setClear() {
+    this.textarea.value = '';
+    this.value = '';
+    await delay(10);
+    return Promise.resolve();
+  }
+  async resetCaption() {
+    await delay(10);
+    this.caption = this.captionCache;
+    this.captionType = this.captionTypeCache;
+    this.captionError = null;
+    await delay(10);
+    return Promise.resolve();
+  }
+  async getValue() {
+    return this.value;
+  }
+  watchValue(newValue) {
+    this.textarea.value = newValue;
+    this.handleChange();
+  }
+  handleFocus() {
+    this.focused = true;
+    this.focus.emit();
+  }
+  handleBlur() {
+    this.focused = false;
+    this.blur.emit();
+  }
+  handleChange() {
+    this.value = this.textarea.value;
+    this.change.emit(this.value);
+  }
+  handleInput() {
+    this.value = this.textarea.value;
+    this.input.emit(this.value);
+  }
+  handleClear(e) {
+    this.textarea.value = '';
+    this.value = '';
+    this.clear.emit();
+    this.textarea.focus();
+    e.stopPropagation();
+  }
+  render() {
+    const { _id, hidden, readonly, fullWidth, size, rows, disabled, clearable, label, focused, noCaption, caption, captionError, captionType, value, resize, maxLength, placeholder, required } = this;
+    const hostClasses = classnames('bcm-input', {
+      hidden,
+      'full-width': fullWidth,
+    });
+    return (h(Host, { class: hostClasses }, label && h("bcm-label", { type: captionType, value: label, required: required, htmlFor: _id }), h(InputTemplate, { elementType: Bcm.HtmlElementType.textarea, id: _id, value: value, rows: rows, disabled: disabled, maxLength: maxLength, placeholder: placeholder, clearable: clearable, resize: resize, readonly: readonly, size: size, focused: focused, handleFocus: () => this.handleFocus(), handleBlur: () => this.handleBlur(), handleChange: () => this.handleChange(), handleInput: () => this.handleInput(), handleClear: (e) => this.handleClear(e), ref: (el) => this.textarea = el, captionType: captionType }), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, value: value, maxLength: maxLength })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["watchValue"]
+  }; }
+};
+__decorate([
+  IsLoad()
+], BcmTextarea.prototype, "el", void 0);
+BcmTextarea.style = textareaCss;
+
+export { BcmTextarea as bcm_textarea };

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

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, 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 timelineItemCss = "@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}:host(.hidden){display:none}.timeline-item{position:relative;font-size:14px;line-height:22px;padding:8px 8px 8px 30px}.timeline-item:after{content:\"\";position:absolute;left:0;top:14px;width:9px;height:9px;border-radius:100px;background-color:#ffffff;border:2px solid #4293CF;box-sizing:border-box}.timeline-item:before{content:\"\";position:absolute;top:30px;left:3px;width:2px;height:calc(100% - 23px);background-color:#e8e8e8}.timeline-item.last:before{display:none}.timeline-item.icon:after{display:none}bcm-icon{position:absolute;top:10px;left:-4px}.timeline-item.right{text-align:right;padding-left:8px;padding-right:30px}.timeline-item.right:after{left:inherit;right:0}.timeline-item.right:before{left:inherit;right:3px}.timeline-item.right bcm-icon{left:inherit;right:-4px}:host-context(.timeline.alternate){flex:0 0 50% !important;max-width:50% !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:right;padding-left:8px;padding-right:30px}:host-context(.timeline.alternate) .timeline-item.even:after{left:inherit;right:-5px}:host-context(.timeline.alternate) .timeline-item.even:before{left:inherit;right:-1px}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:inherit;right:-8px}:host-context(.timeline.alternate) .timeline-item:not(.even):after{left:-3px}:host-context(.timeline.alternate) .timeline-item:not(.even):before{left:0px}:host-context(.timeline.alternate) .timeline-item:not(.even) bcm-icon{left:-7px}@media screen and (min-width: 576px){:host-context(.timeline.alternate){flex:1 1 100% !important;max-width:100% !important;margin-left:inherit !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:left;padding-left:30px;padding-right:8px}:host-context(.timeline.alternate) .timeline-item.even:after{left:-5px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even:before{left:-1px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:-8px;right:inherit}}";
 

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

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, 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 timelineCss = "@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}:host(.hidden){display:none}.timeline{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}";
 

package/dist/esm/bcm-toast.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 { c as classnames } from './index-b84bc8c9.js';
-import { G as Generate } from './generate-8591a0f0.js';
-import { S as StringHelper } from './string-helper-5ef67a66.js';
-import { B as Bcm } from './bcm-ac17222c.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { G as Generate } from './generate-ad35cf8e.js';
+import { S as StringHelper } from './string-helper-5a67b5cc.js';
+import { B as Bcm } from './bcm-40f18097.js';
 import { d as delay } from './utils-b3338faf.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-569c91f0.js';
-import './colors-e1c31f79.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-a8541483.js';
+import './colors-ebea297f.js';
 
 const BcmToast = class {
   constructor(hostRef) {
@@ -27,6 +27,7 @@ const BcmToast = class {
     this.messageIcon = undefined;
     this.viewButton = false;
     this.closeButton = true;
+    this.removeAfterClose = true;
     this.visible = false;
     this.visibleContainer = false;
   }
@@ -52,6 +53,10 @@ const BcmToast = class {
     this.bcmToastClose.emit();
     await delay(100);
     this.visible = false;
+    if (this.removeAfterClose) {
+      await delay(100);
+      this.el.remove();
+    }
   }
   handleMouseEnter() {
     clearTimeout(this.timer);