bromcom-ui 2.12.3 → 3.0.0-alpha.0

package/dist/esm/bcm-number-input.entry.js

@@ -2,24 +2,24 @@
  * 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 './color-helper-74614f24.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d009624a.js';
-import './number-helper-b7a7a318.js';
-import { S as StringHelper } from './string-helper-3592bdc2.js';
-import './validators-5519219e.js';
-import './element-dragger-89bb52fd.js';
-import { d as delay } from './utils-57652744.js';
+import { G as Generate } from './generate-d2495751.js';
+import './number-helper-a1e5c9e5.js';
+import { S as StringHelper } from './string-helper-69203215.js';
+import './validators-57df25a7.js';
+import './element-dragger-b75266e6.js';
+import { d as delay } from './utils-7727d09e.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
-import { C as CaptionTemplate } from './caption-template-d7953d13.js';
-import { c as classnames } from './index-f549811f.js';
+import { C as CaptionTemplate } from './caption-template-16dd9444.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './types-9493a7ed.js';
-import { i as inputStyle } from './input.style-e855c0f3.js';
+import { i as inputStyle } from './input.style-0ddc0073.js';
 import './colors-1d7854ea.js';
-import './colors-dd598eea.js';
-import './_commonjsHelpers-82aa9212.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
 import './package-7549581c.js';
 import './index-3bc8c6e3.js';
 

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

@@ -2,10 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import { c as colors } from './colors-dd598eea.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, h, H as Host } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { c as colors } from './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const BcmOverlay = class {
   constructor(hostRef) {

package/dist/esm/bcm-react-number.entry.js

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, g as getElement } from './index-0615c2b8.js';
-import { r as react, a as reactDom } from './index-036974d7.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, g as getElement } from './index-4614b7f0.js';
+import { r as react, a as reactDom } from './index-0d3a56ec.js';
+import './_commonjsHelpers-7002e5de.js';
 
 /**
  * react-number-format - 5.3.1

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const statuses = {
   success: {

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, h, H as Host } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const groupCss = "@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}.group{display:none}.group.visible{display:block}.group-title{color:var(--bcm-color-grey-7);padding:4px 8px;display:block}";
 

package/dist/esm/bcm-select-option.entry.js

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const optionCss = "@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;width:100%;box-sizing:border-box;min-width:256px}:host(.hidden){display:none}:host-context(bcm-select-group) .option{padding-left:16px}.option{display:none;padding:4px 8px;cursor:pointer;color:var(--bcm-color-grey-8);box-sizing:border-box;width:100%}.option:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-1)}.option.selected:not(.disabled){background-color:var(--bcm-color-grey-3)}.option.disabled{background-color:var(--bcm-color-grey-5);color:var(--bcm-color-grey-6);cursor:not-allowed}.option.disabled:not(.selected){background-color:var(--bcm-color-prime-blue-1)}.option.visible{display:inline-flex}";
 

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

@@ -2,20 +2,20 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
-import './color-helper-74614f24.js';
+import { r as registerInstance, h, H as Host } from './index-4614b7f0.js';
+import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d009624a.js';
-import './number-helper-b7a7a318.js';
-import './string-helper-3592bdc2.js';
-import './validators-5519219e.js';
-import './element-dragger-89bb52fd.js';
+import { G as Generate } from './generate-d2495751.js';
+import './number-helper-a1e5c9e5.js';
+import './string-helper-69203215.js';
+import './validators-57df25a7.js';
+import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
-import './utils-57652744.js';
-import './colors-dd598eea.js';
-import './_commonjsHelpers-82aa9212.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
 import './package-7549581c.js';
 
 const skeletonStyle = ce({

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const tabPaneCss = "@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}:host(.hidden){display:none}:host(:not(.active)){height:0 !important;overflow:hidden;padding:0 !important}:host(.active){display:block}";
 

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

@@ -2,23 +2,23 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h, F as Fragment, r as registerInstance, H as Host, g as getElement } from './index-0615c2b8.js';
+import { h, F as Fragment, r as registerInstance, H as Host, g as getElement } from './index-4614b7f0.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-74614f24.js';
+import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate, s as snq } from './generate-d009624a.js';
-import './number-helper-b7a7a318.js';
-import { S as StringHelper } from './string-helper-3592bdc2.js';
-import './validators-5519219e.js';
-import './element-dragger-89bb52fd.js';
+import { G as Generate, s as snq } from './generate-d2495751.js';
+import './number-helper-a1e5c9e5.js';
+import { S as StringHelper } from './string-helper-69203215.js';
+import './validators-57df25a7.js';
+import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
-import { c as classnames } from './index-f549811f.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './types-9493a7ed.js';
 import './colors-1d7854ea.js';
-import './utils-57652744.js';
-import './colors-dd598eea.js';
-import './_commonjsHelpers-82aa9212.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
 import './package-7549581c.js';
 
 // DO NOT UPDATE MANUALLY: Generated from script during build time

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import { c as getChilds } from './utils-57652744.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { a as getChilds } from './utils-7727d09e.js';
 import { T as TypeProps } from './types-b211a5eb.js';
-import './_commonjsHelpers-82aa9212.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-tag.entry.js

@@ -2,17 +2,17 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h, r as registerInstance, c as createEvent, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-d009624a.js';
+import { h, r as registerInstance, c as createEvent, g as getElement } from './index-4614b7f0.js';
+import { G as Generate } from './generate-d2495751.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import { c as classnames } from './index-f549811f.js';
-import { N as NumberHelper } from './number-helper-b7a7a318.js';
-import { e as extractColor } from './utils-57652744.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { N as NumberHelper } from './number-helper-a1e5c9e5.js';
+import { e as extractColor } from './utils-7727d09e.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { C as ColorProps } from './types-9493a7ed.js';
 import './package-7549581c.js';
-import './colors-dd598eea.js';
-import './_commonjsHelpers-82aa9212.js';
+import './colors-ed4e7579.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-time-picker.entry.js

@@ -2,15 +2,15 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
-import { G as Generate } from './generate-d009624a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
+import { G as Generate } from './generate-d2495751.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import { d as delay } from './utils-57652744.js';
-import './_commonjsHelpers-82aa9212.js';
+import { d as delay } from './utils-7727d09e.js';
+import './_commonjsHelpers-7002e5de.js';
 import './package-7549581c.js';
-import './colors-dd598eea.js';
+import './colors-ed4e7579.js';
 
 const timePickerCss = "@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-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
 

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import './_commonjsHelpers-82aa9212.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.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

@@ -2,15 +2,15 @@
  * 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-f549811f.js';
-import { G as Generate } from './generate-d009624a.js';
-import { S as StringHelper } from './string-helper-3592bdc2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { G as Generate } from './generate-d2495751.js';
+import { S as StringHelper } from './string-helper-69203215.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import { d as delay } from './utils-57652744.js';
-import './_commonjsHelpers-82aa9212.js';
+import { d as delay } from './utils-7727d09e.js';
+import './_commonjsHelpers-7002e5de.js';
 import './package-7549581c.js';
-import './colors-dd598eea.js';
+import './colors-ed4e7579.js';
 
 const BcmToast = class {
   constructor(hostRef) {
@@ -48,15 +48,15 @@ const BcmToast = class {
     return this.el;
   }
   async hide() {
-    this.visibleContainer = false;
-    clearTimeout(this.timer);
-    this.bcmToastClose.emit();
-    await delay(100);
-    this.visible = false;
-    if (this.removeAfterClose) {
-      await delay(100);
-      this.el.remove();
-    }
+    // this.visibleContainer = false;
+    // clearTimeout(this.timer);
+    // this.bcmToastClose.emit();
+    // await delay(100);
+    // this.visible = false;
+    // if (this.removeAfterClose) {
+    //     await delay(100);
+    //     this.el.remove();
+    // }
   }
   handleMouseEnter() {
     clearTimeout(this.timer);
@@ -86,7 +86,7 @@ const BcmToast = class {
     return container;
   }
   render() {
-    return (h(Host, { class: "tw-hidden" }, h("div", { class: classnames({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { class: classnames("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-gray-300 tw-bg-white tw-text-slate-600", {
+    return (h(Host, { class: "tw-hidden" }, h("div", { class: classnames({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { class: classnames("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-color-default tw-bg-white tw-text-color-default", {
         "tw-p-4": !this.description,
         "tw-p-6": this.description,
       }, "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
@@ -95,10 +95,10 @@ const BcmToast = class {
         "tw-translate-y-[-100%]": !this.visibleContainer && this.position.split("-")[0] === "top",
         "tw-translate-y-[100%]": !this.visibleContainer && this.position.split("-")[0] === "bottom",
       }) }, h("div", { class: "tw-flex tw-items-center tw-justify-between tw-gap-5" }, h("div", { class: "tw-flex tw-items-center tw-gap-3 " }, this.status && (h("i", { class: classnames("tw-text-6", this.messageIcon ? this.messageIcon : "far", {
-        "tw-text-emerald-500": this.status === "success",
-        "tw-text-red-500": this.status === "error",
-        "tw-text-amber-500": this.status === "warning",
-        "tw-text-blue-500": this.status === "info",
+        "tw-text-color-success": this.status === "success",
+        "tw-text-color-error": this.status === "error",
+        "tw-text-color-warning": this.status === "warning",
+        "tw-text-color-info": this.status === "info",
       }, {
         "fa-check-circle": !this.messageIcon && this.status === "success",
         "fa-exclamation-circle": !this.messageIcon && this.status === "error",
@@ -107,9 +107,9 @@ const BcmToast = class {
       }) })), h("span", { class: classnames({
         "tw-text-4": !this.description,
         "tw-text-6 tw-font-medium": this.description,
-      }) }, !this.description && this.status && h("span", null, StringHelper.capitalize(this.status), ": "), this.message)), h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: classnames("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200", "tw-transition tw-duration-300 tw-ease-in-out", {
+      }) }, !this.description && this.status && h("span", null, StringHelper.capitalize(this.status), ": "), this.message)), h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: classnames("tw-appearance-none tw-outline-0 tw-border-none tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-color-default-hover", "active:tw-bg-color-default-active", "tw-transition tw-duration-300 tw-ease-in-out", {
         "tw-font-medium": this.description,
-      }) }, "View")), this.closeButton && (h("button", { title: "Close", onClick: () => this.hide(), class: classnames("tw-rounded tw-bg-transparent tw-p-0", "tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200") }, h("i", { class: "fal fa-times" }))))), this.description && h("div", { class: "tw-text-3 " }, this.description), h("slot", null)))));
+      }) }, "View")), this.closeButton && (h("button", { title: "Close", onClick: () => this.hide(), class: classnames("tw-appearance-none tw-outline-0 tw-border-none tw-cursor-pointer", "tw-rounded tw-bg-transparent tw-p-0", "tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit", "hover:tw-bg-color-default-hover", "active:tw-bg-color-default-active") }, h("i", { class: "fal fa-times" }))))), this.description && h("div", { class: "tw-text-size-5 font-medium" }, this.description), h("slot", null)))));
   }
   get el() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h } from './index-0615c2b8.js';
+import { r as registerInstance, h } from './index-4614b7f0.js';
 
 const treeviewGroupCss = "";