bromcom-ui 2.9.0-rc.0 → 2.9.0-rc.2

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

@@ -2,30 +2,30 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h as h$2, H as Host, g as getElement, c as createEvent } from './index-39133086.js';
+import { r as registerInstance, h as h$2, H as Host, g as getElement, c as createEvent, a as getAssetPath } from './index-348b16ad.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate, s as snq } from './generate-a39b1045.js';
-import { N as NumberHelper } from './number-helper-fa8e8000.js';
+import { G as Generate, s as snq } from './generate-1d92d93f.js';
+import { N as NumberHelper } from './number-helper-81eade81.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
-import { V as Validators } from './validators-dd70be40.js';
+import { V as Validators } from './validators-7e3c0c33.js';
 import './element-dragger-89bb52fd.js';
 import { B as Bcm, a as Bcm$1 } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';
-import { S as SlotTemplate } from './slot-template-5b2db362.js';
-import { c as createStore } from './index-93e36fdb.js';
-import { C as CaptionTemplate } from './caption-template-da16ba7b.js';
+import { S as SlotTemplate } from './slot-template-672e941d.js';
+import { c as createStore } from './index-0052017c.js';
+import { C as CaptionTemplate } from './caption-template-34a1cb44.js';
 import './types-6f06fa1a.js';
-import { L as LabelTemplate } from './label-template-d74fe788.js';
+import { L as LabelTemplate } from './label-template-98dafeb3.js';
 import './types-9493a7ed.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-3016b722.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
 import { p as pluralize, d as delay, g as getChildElements } from './utils-57652744.js';
-import { I as InputTemplate } from './input-template-e1df6efd.js';
+import { I as InputTemplate } from './input-template-56856d9f.js';
 import { F as FloatingUI } from './floating-ui-e7341329.js';
-import { J as JsonParse } from './json-parse-decarator-b1ceb8c8.js';
+import { J as JsonParse } from './json-parse-decarator-e7df9b9c.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
-import { T as Tooltip } from './tooltip-helper-10b64c23.js';
+import { T as Tooltip } from './tooltip-helper-4ca9442e.js';
 import './colors-1d7854ea.js';
 import './colors-44c95e7e.js';
 
@@ -535,7 +535,7 @@ const BcmButton = class {
 };
 BcmButton.style = buttonCss;
 
-const chipCss = "@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-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}";
+const chipCss = "@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-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-small .bcm-chip--selected-icon{width:8px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-medium .bcm-chip--selected-icon{width:10px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}.bcm-chip__size-large .bcm-chip--selected-icon{width:12px}";
 
 const BcmChip = class {
   constructor(hostRef) {
@@ -584,6 +584,7 @@ const BcmChip = class {
     this.bcmChipAddable.emit(this.el);
   }
   listSelectedItems(e) {
+    // To be added to v3
     e.stopPropagation();
     e.preventDefault();
     if (e.detail) {
@@ -598,7 +599,8 @@ const BcmChip = class {
       "bcm-chip--disabled": disabled,
       "bcm-chip--avatar": avatar,
     });
-    return (h$2(Host, { class: hostClasses, tabindex: "0", disabled: disabled, style: this.setColor(), onClick: e => this.bcmChipSelect.emit(e) }, avatar && h$2("bcm-avatar", Object.assign({ size: size }, (color && { color }), (avatar && { image: avatar }))), type === "addable" && (h$2("span", { class: "bcm-chip__left" }, h$2("bcm-icon", { onClick: e => this.handleAddable(e), icon: "far fa-plus" }))), h$2("slot", null), type === "dismissable" && (h$2("span", { class: "bcm-chip__type-dismissable-icon" }, h$2("bcm-icon", { onClick: e => this.handleDismiss(e), icon: "fal fa-times" }))), this.data && this.data.length > 0 && ( // To be added to v3
+    return (h$2(Host, { class: hostClasses, tabindex: "0", disabled: disabled, style: this.setColor(), onClick: e => this.bcmChipSelect.emit(e) }, h$2("div", { class: classnames(this.selected ? "bcm-chip--selected-icon" : "tw-hidden tw-w-0") }, h$2("bcm-icon", { icon: "fal fa-check" })), avatar && h$2("bcm-avatar", Object.assign({ size: size }, (color && { color }), (avatar && { image: avatar }))), type === "addable" && (h$2("span", { class: "bcm-chip__left" }, h$2("bcm-icon", { onClick: e => this.handleAddable(e), icon: "far fa-plus" }))), h$2("slot", null), type === "dismissable" && (h$2("span", { class: "bcm-chip__type-dismissable-icon" }, h$2("bcm-icon", { onClick: e => this.handleDismiss(e), icon: "fal fa-times" }))), this.data &&
+      this.data.length > 0 && ( // To be added to v3
     h$2("bcm-list", { "onBcm-change": e => this.listSelectedItems(e), id: this._id + "-list", data: this.data, linkedComponent: this._id, searchable: true, highlight: true }))));
   }
   get el() { return getElement(this); }
@@ -723,6 +725,8 @@ const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, ch
     infoFooter && data && data.length > 0 && (h$2(InfoFooterTemplate, { selected: value === null || value === void 0 ? void 0 : value.length, total: totalData, found: searchFound, multiple: checkboxes, variableText: variableText }))));
 };
 
+const chipGroupCss = "@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-chip-group .bcm-chip{cursor:pointer}";
+
 const BcmChipGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -731,6 +735,7 @@ const BcmChipGroup = class {
     this.name = undefined;
     this.value = undefined;
     this.required = false;
+    this.size = "medium";
     this.label = undefined;
     this.caption = undefined;
     this.noCaption = false;
@@ -742,7 +747,7 @@ const BcmChipGroup = class {
     if (target instanceof HTMLElement) {
       const data = e.detail;
       const chipItem = document.createElement("bcm-chip");
-      chipItem.setAttribute("type", "dismissable");
+      // chipItem.setAttribute("type", "dismissable");
       chipItem.setAttribute("value", data.id);
       chipItem.innerHTML = data.text;
       target.parentNode.insertBefore(chipItem, target);
@@ -760,16 +765,19 @@ const BcmChipGroup = class {
     const target = e === null || e === void 0 ? void 0 : e.target;
     if (target instanceof HTMLElement) {
       if (target.type === "addable") {
-        const listComponent = document.getElementById(target.id + "-list");
-        if (listComponent) {
-          listComponent.show();
-        }
+        this.showListComponent(target.id);
       }
       else {
         this.setSelect(target.value);
       }
     }
   }
+  showListComponent(id) {
+    const listComponent = document.getElementById(id + "-list");
+    if (listComponent) {
+      listComponent.show();
+    }
+  }
   getSlots() {
     return this.el.querySelectorAll("bcm-chip");
   }
@@ -792,16 +800,29 @@ const BcmChipGroup = class {
       this.change.emit(this.value);
     }
   }
+  setAttr() {
+    const slots = this.getSlots();
+    if ((slots === null || slots === void 0 ? void 0 : slots.length) === 0)
+      return;
+    const slotArray = Array.from(slots);
+    slotArray.forEach(slot => {
+      slot.setAttribute("size", this.size);
+    });
+  }
   componentWillLoad() {
     this.setSelect();
   }
+  componentDidRender() {
+    this.setAttr();
+  }
   render() {
     const { label, required, noCaption, captionType, captionError, caption } = this;
     const hostClasses = classnames("bcm-chip-group");
-    return (h$2(Host, { class: hostClasses }, label && (h$2("div", null, h$2(LabelTemplate, { type: captionType, value: label, required: required }))), h$2("div", { class: "tw-flex tw-flex-wrap tw-gap-2" }, h$2("slot", null)), h$2(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
+    return (h$2(Host, { class: hostClasses }, label && (h$2("div", null, h$2(LabelTemplate, { type: captionType, value: label, required: required }))), h$2("div", { class: "tw-flex tw-flex-wrap tw-gap-1" }, h$2("slot", null)), h$2(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
   }
   get el() { return getElement(this); }
 };
+BcmChipGroup.style = chipGroupCss;
 
 /*
 object-assign
@@ -18976,15 +18997,26 @@ BcmForm.style = formCss;
 
 const iconCss = "@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-icon.hidden{display:none}";
 
+const customIconList = {
+  "message-bot": "message-bot.svg",
+};
 const BcmIcon = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.hidden = false;
     this.icon = undefined;
   }
+  getIcon() {
+    const { icon } = this;
+    if (icon in customIconList) {
+      const _icon = getAssetPath("/assets/icon/" + customIconList[icon]);
+      return (h$2("div", { class: "tw-h-fit tw-w-fit tw-flex tw-items-center tw-justify-center" }, h$2("img", { src: `${_icon}`, alt: icon, class: "tw-h-fit tw-w-fit" })));
+    }
+    return h$2("i", { class: `${icon}` });
+  }
   render() {
-    const { icon, hidden } = this;
-    return (h$2(Host, { class: `bcm-icon fa ${hidden ? 'hidden' : ''}` }, h$2("i", { class: `${icon}` })));
+    const { /*icon,*/ hidden } = this;
+    return (h$2(Host, { class: `bcm-icon fa ${hidden ? "hidden" : ""}` }, this.getIcon()));
   }
   get el() { return getElement(this); }
 };

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, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 
 const BcmBox = class {
   constructor(hostRef) {

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

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

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate, s as snq } from './generate-a39b1045.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
+import { G as Generate, s as snq } from './generate-1d92d93f.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';

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

@@ -2,12 +2,12 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
-import { S as SlotTemplate } from './slot-template-5b2db362.js';
+import { S as SlotTemplate } from './slot-template-672e941d.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';
 import './utils-57652744.js';

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

@@ -2,17 +2,17 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-39133086.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate, s as snq } from './generate-a39b1045.js';
+import { G as Generate, s as snq } from './generate-1d92d93f.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { d as delay, g as getChildElements } from './utils-57652744.js';
-import { c as createStore } from './index-93e36fdb.js';
-import { L as LabelTemplate } from './label-template-d74fe788.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
+import { c as createStore } from './index-0052017c.js';
+import { L as LabelTemplate } from './label-template-98dafeb3.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
-import './slot-template-5b2db362.js';
+import './slot-template-672e941d.js';
 import './string-helper-6bd24967.js';
 
 const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {

package/dist/esm/bcm-checkbox-lite_9.entry.js

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as getChilds, d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-checkbox_2.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-39133086.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
-import { C as CaptionTemplate } from './caption-template-da16ba7b.js';
-import { G as Generate } from './generate-a39b1045.js';
-import { S as SlotTemplate } from './slot-template-5b2db362.js';
+import { C as CaptionTemplate } from './caption-template-34a1cb44.js';
+import { G as Generate } from './generate-1d92d93f.js';
+import { S as SlotTemplate } from './slot-template-672e941d.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 import './string-helper-6bd24967.js';

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { g as getChildElements } from './utils-57652744.js';
 
 const BcmCollapseGroup = class {

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-348b16ad.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a39b1045.js';
-import './number-helper-fa8e8000.js';
+import { G as Generate } from './generate-1d92d93f.js';
+import './number-helper-81eade81.js';
 import './string-helper-6bd24967.js';
-import './validators-dd70be40.js';
+import './validators-7e3c0c33.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, d as getAssetPath, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, c as createEvent, h, a as getAssetPath, H as Host, g as getElement } from './index-348b16ad.js';
 import { E as ElementDragger, D as DragDirections } from './element-dragger-89bb52fd.js';
 import { c as classnames } from './index-ed9652af.js';
 import './utils-57652744.js';

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, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 
 const BcmContent = class {
   constructor(hostRef) {

package/dist/esm/bcm-date-picker.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-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

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, g as getElement } from './index-39133086.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { D as DragDirections, E as ElementDragger } from './element-dragger-89bb52fd.js';
 import { c as classnames } from './index-ed9652af.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
 import { d as delay } from './utils-57652744.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
-import { L as LabelTemplate } from './label-template-d74fe788.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
+import { L as LabelTemplate } from './label-template-98dafeb3.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 import './string-helper-6bd24967.js';
-import './slot-template-5b2db362.js';
+import './slot-template-672e941d.js';
 
 var Months;
 (function (Months) {

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

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a39b1045.js';
-import './number-helper-fa8e8000.js';
+import { G as Generate } from './generate-1d92d93f.js';
+import './number-helper-81eade81.js';
 import './string-helper-6bd24967.js';
-import './validators-dd70be40.js';
+import './validators-7e3c0c33.js';
 import './element-dragger-89bb52fd.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { J as JsonParse } from './json-parse-decarator-b1ceb8c8.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
+import { J as JsonParse } from './json-parse-decarator-e7df9b9c.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';

package/dist/esm/bcm-error-layout.entry.js

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
 import './_commonjsHelpers-3016b722.js';
 

package/dist/esm/bcm-expansion-panel.entry.js

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { c as classnames } from './index-ed9652af.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate, s as snq } from './generate-a39b1045.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-348b16ad.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
+import { G as Generate, s as snq } from './generate-1d92d93f.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import './colors-44c95e7e.js';

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, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.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-custom.entry.js

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { c as classnames } from './index-ed9652af.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-a39b1045.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
+import { G as Generate } from './generate-1d92d93f.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';

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

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39133086.js';
-import { G as Generate, s as snq } from './generate-a39b1045.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-348b16ad.js';
+import { G as Generate, s as snq } from './generate-1d92d93f.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -2,18 +2,18 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a39b1045.js';
-import './number-helper-fa8e8000.js';
+import { G as Generate } from './generate-1d92d93f.js';
+import './number-helper-81eade81.js';
 import './string-helper-6bd24967.js';
-import './validators-dd70be40.js';
-import { T as Tooltip } from './tooltip-helper-10b64c23.js';
+import './validators-7e3c0c33.js';
+import { T as Tooltip } from './tooltip-helper-4ca9442e.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
+import { I as IsLoad } from './is-load-decorator-07d3502a.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';
 import './utils-57652744.js';

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 import { c as classnames } from './index-ed9652af.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a39b1045.js';
-import './number-helper-fa8e8000.js';
+import { G as Generate } from './generate-1d92d93f.js';
+import './number-helper-81eade81.js';
 import './string-helper-6bd24967.js';
-import './validators-dd70be40.js';
+import './validators-7e3c0c33.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';