bromcom-ui 2.12.4-rc.0 → 3.0.0-alpha.1

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

@@ -2,22 +2,22 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3026131.js';
-import './color-helper-e74656af.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-27c06421.js';
-import './number-helper-94a51ec2.js';
-import './string-helper-85990695.js';
-import './validators-7e605ca5.js';
-import './element-dragger-7ea06c76.js';
-import { d as delay } from './utils-b3338faf.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './string-helper-69203215.js';
+import './validators-e9800e9a.js';
+import './element-dragger-b75266e6.js';
+import { d as delay } from './utils-7727d09e.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
+import { B as Bcm } from './bcm-a50d55ba.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
 
 const attendanceActionCommentStyle = ce({
   slots: {

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

@@ -2,23 +2,23 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3026131.js';
-import './color-helper-e74656af.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-27c06421.js';
-import './number-helper-94a51ec2.js';
-import './string-helper-85990695.js';
-import './validators-7e605ca5.js';
-import './element-dragger-7ea06c76.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './string-helper-69203215.js';
+import './validators-e9800e9a.js';
+import './element-dragger-b75266e6.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import { B as Bcm } from './bcm-a50d55ba.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
 
 const attendanceActionDropdownStyle = ce({
   slots: {

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3026131.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import './_commonjsHelpers-be0d4ec8.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 './_commonjsHelpers-7002e5de.js';
 
 const autocompleteCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}";
 

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
 
 const BcmBox = class {
   constructor(hostRef) {

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

@@ -2,12 +2,12 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3026131.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { G as Generate } from './generate-27c06421.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
-import './colors-df32bb43.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-a4b85775.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
+import './colors-ed4e7579.js';
 
 const breadcrumbCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";
 

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

@@ -2,24 +2,24 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host } from './index-b3026131.js';
-import { B as Bcm } from './bcm-a50d55ba.js';
-import './string-helper-85990695.js';
-import { C as CaptionTemplate } from './caption-template-9d0ea503.js';
-import './index-b84bc8c9.js';
+import { r as registerInstance, h, H as Host } from './index-4614b7f0.js';
+import { a as Bcm } from './bcm-a50d55ba.js';
+import './string-helper-69203215.js';
+import { C as CaptionTemplate } from './caption-template-16dd9444.js';
+import './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
-import './color-helper-e74656af.js';
+import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import './generate-27c06421.js';
-import './number-helper-94a51ec2.js';
-import './validators-7e605ca5.js';
-import './element-dragger-7ea06c76.js';
+import './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './validators-e9800e9a.js';
+import './element-dragger-b75266e6.js';
 import './types-9493a7ed.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-df32bb43.js';
-import './package-34090aad.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './package-1d6f13ed.js';
 
 const BcmCaption = class {
   constructor(hostRef) {

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

@@ -2,17 +2,17 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { C as ColorHelper } from './color-helper-e74656af.js';
-import { G as Generate } from './generate-27c06421.js';
-import { S as StringHelper } from './string-helper-85990695.js';
-import { S as SlotTemplate } from './slot-template-f85d540c.js';
-import './_commonjsHelpers-be0d4ec8.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 { C as ColorHelper } from './color-helper-ba15b0d8.js';
+import { G as Generate } from './generate-a4b85775.js';
+import { S as StringHelper } from './string-helper-69203215.js';
+import { S as SlotTemplate } from './slot-template-e0202c5a.js';
+import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-df32bb43.js';
-import './package-34090aad.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './package-1d6f13ed.js';
 import './bcm-a50d55ba.js';
 
 const cardCss = "@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-card{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}";

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, g as getAssetPath, H as Host, a as getElement } from './index-b3026131.js';
-import { E as ElementDragger, D as DragDirections } from './element-dragger-7ea06c76.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import './utils-b3338faf.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, c as createEvent, h, d as getAssetPath, H as Host, g as getElement } from './index-4614b7f0.js';
+import { E as ElementDragger, D as DragDirections } from './element-dragger-b75266e6.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './utils-7727d09e.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const colorpickerCss = "@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{position:relative;margin:0 0 8px 0}.color-picker{position:relative;width:200px}.color-picker.open .picker{opacity:1;visibility:visible;transform:scale(1) translateY(56px)}.picker{width:300px;position:absolute;top:0;z-index:1;background-color:#ffffff;border:1px solid #F6F6F6;box-shadow:0px 3px 3.6px 0.4px rgba(0, 0, 0, 0.15);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px)}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.input{display:flex;cursor:pointer;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.color{position:relative;width:100%;height:166px;user-select:none}.color img{width:100%;height:100%;user-select:none;pointer-events:none}.color-indicator{position:absolute;top:0;left:0;width:17px;height:17px;border:1px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transform:translate(0, 0);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.colors{position:relative;width:100%;height:16px;margin-top:8px}.colors img{width:100%;user-select:none;pointer-events:none}.colors-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;user-select:none}.colors-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.transparency{position:relative;width:100%;height:16px;margin-top:8px}.transparency-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;background:transparent none repeat center center/20px}.transparency-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box}.colors-transparency{padding:16px}.active-color{display:flex;align-items:center;width:100%;height:30px}.active-color .color-thumb{width:100%;height:100%;background-color:transparent;border-radius:1px 0 0 1px}.active-color .color-text{font-size:14px;color:#656565;margin-left:8px}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;color:var(--bcm-color-grey-6)}.color-input{border:none;width:100%;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}";
 

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
 
 const BcmContent = class {
   constructor(hostRef) {

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

@@ -2,16 +2,16 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { I as IsLoad } from './is-load-decorator-613d613a.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 { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-27c06421.js';
-import { B as Bcm } from './bcm-a50d55ba.js';
-import { d as delay } from './utils-b3338faf.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
-import './colors-df32bb43.js';
+import { G as Generate } from './generate-a4b85775.js';
+import { a as Bcm } from './bcm-a50d55ba.js';
+import { d as delay } from './utils-7727d09e.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
+import './colors-ed4e7579.js';
 
 const datePickerCss = "@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-datetime-picker.entry.js

@@ -2,20 +2,20 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-b3026131.js';
-import { D as DragDirections, E as ElementDragger } from './element-dragger-7ea06c76.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { D as DragDirections, E as ElementDragger } from './element-dragger-b75266e6.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { d as delay } from './utils-b3338faf.js';
-import { G as Generate } from './generate-27c06421.js';
-import { B as Bcm } from './bcm-a50d55ba.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-2f5939ea.js';
-import { L as LabelTemplate } from './label-template-8c5948ab.js';
-import { I as IsLoad } from './is-load-decorator-613d613a.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
-import './colors-df32bb43.js';
-import './string-helper-85990695.js';
+import { d as delay } from './utils-7727d09e.js';
+import { G as Generate } from './generate-a4b85775.js';
+import { a as Bcm } from './bcm-a50d55ba.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-2bf3a181.js';
+import { L as LabelTemplate } from './label-template-4c3797f4.js';
+import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
+import './colors-ed4e7579.js';
+import './string-helper-69203215.js';
 
 var Months;
 (function (Months) {

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
-import { G as Generate } from './generate-27c06421.js';
-import './package-34090aad.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './package-1d6f13ed.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const defaultCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}";
 

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

@@ -2,14 +2,14 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-b3026131.js';
-import { I as IsLoad } from './is-load-decorator-613d613a.js';
-import { G as Generate, s as snq } from './generate-27c06421.js';
-import { S as StringHelper } from './string-helper-85990695.js';
-import { B as Bcm } from './bcm-a50d55ba.js';
-import './package-34090aad.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
+import { G as Generate, s as snq } from './generate-a4b85775.js';
+import { S as StringHelper } from './string-helper-69203215.js';
+import { a as Bcm } from './bcm-a50d55ba.js';
+import './package-1d6f13ed.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const BcmFormComponents = [
   'BCM-INPUT',

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
 
 const formGroupCss = "@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}";
 

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

@@ -2,19 +2,19 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-b3026131.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { I as IsLoad } from './is-load-decorator-613d613a.js';
-import { G as Generate } from './generate-27c06421.js';
-import { B as Bcm } from './bcm-a50d55ba.js';
-import { C as CaptionTemplate } from './caption-template-9d0ea503.js';
-import { i as inputStyle } from './input.style-e855c0f3.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
-import './colors-df32bb43.js';
+import { r as registerInstance, c as createEvent, h, H as Host } 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-a4b85775.js';
+import { a as Bcm } from './bcm-a50d55ba.js';
+import { C as CaptionTemplate } from './caption-template-16dd9444.js';
+import { i as inputStyle } from './input.style-0ddc0073.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
+import './colors-ed4e7579.js';
 import './index-3bc8c6e3.js';
 
-const inputCss = "@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}.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;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}";
+const inputCss = "@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}.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-ui-color-background-base-default);border:1px solid var(--bcm-ui-color-border-default);border-radius:var(--bcm-ui-border-radius-default);box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-ui-color-background-disabled-default);border-color:var(--bcm-ui-color-border-disabled);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-ui-color-text-disabled)}.bcm-input__container.disabled .bcm-input-element::placeholder{color:var(--bcm-color-secondary-400)}.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-ui-color-text-default)}.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);border-color:var(--bcm-ui-color-border-primary)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-ui-color-border-primary)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-ui-color-border-error)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-ui-color-text-default);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;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-ui-color-text-placeholder);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:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4)}.bcm-input__container--medium{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5)}.bcm-input__container--large{font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6)}.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;

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

@@ -2,12 +2,12 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
-import { G as Generate } from './generate-27c06421.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import './package-34090aad.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { G as Generate } from './generate-a4b85775.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './package-1d6f13ed.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const BcmInputCustom = class {
   constructor(hostRef) {

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

@@ -2,25 +2,25 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement, F as Fragment } from './index-b3026131.js';
-import './color-helper-e74656af.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement, F as Fragment } from './index-4614b7f0.js';
+import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-27c06421.js';
-import './number-helper-94a51ec2.js';
-import './string-helper-85990695.js';
-import './validators-7e605ca5.js';
-import './element-dragger-7ea06c76.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
-import { C as CaptionTemplate } from './caption-template-9d0ea503.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './string-helper-69203215.js';
+import './validators-e9800e9a.js';
+import './element-dragger-b75266e6.js';
+import { B as Bcm } from './bcm-a50d55ba.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 { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
 
 const inputDropdownStyle = ce({
   slots: {

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import './_commonjsHelpers-be0d4ec8.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';
 
 /**
  * 'status' prop predefined values

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

@@ -2,21 +2,21 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
-import './color-helper-e74656af.js';
+import { r as registerInstance, 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-27c06421.js';
-import './number-helper-94a51ec2.js';
-import './string-helper-85990695.js';
-import './validators-7e605ca5.js';
-import './element-dragger-7ea06c76.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './string-helper-69203215.js';
+import './validators-e9800e9a.js';
+import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

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

@@ -2,20 +2,20 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-b3026131.js';
-import './color-helper-e74656af.js';
+import { r as registerInstance, 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-27c06421.js';
-import './number-helper-94a51ec2.js';
-import './string-helper-85990695.js';
-import './validators-7e605ca5.js';
-import './element-dragger-7ea06c76.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './string-helper-69203215.js';
+import './validators-e9800e9a.js';
+import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
+import './utils-7727d09e.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
 
 const BcmModal2Header = class {
   constructor(hostRef) {

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

@@ -2,21 +2,21 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3026131.js';
-import './color-helper-e74656af.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-27c06421.js';
-import './number-helper-94a51ec2.js';
-import './string-helper-85990695.js';
-import './validators-7e605ca5.js';
-import './element-dragger-7ea06c76.js';
-import { d as delay } from './utils-b3338faf.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './string-helper-69203215.js';
+import './validators-e9800e9a.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 classnames } from './index-00c8a8f7.js';
 import './colors-1d7854ea.js';
-import './colors-df32bb43.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-34090aad.js';
+import './colors-ed4e7579.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-1d6f13ed.js';
 
 const BcmModal2 = class {
   constructor(hostRef) {