bromcom-ui 3.0.0-alpha.3 → 3.0.0-alpha.4

package/dist/components/list.js

@@ -61,7 +61,7 @@ const InfoFooterTemplate = ({ selected, total, found, multiple, variableText })
       ` ${variableText} found. `)));
 };
 
-const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selectedItem, openGroup, checkedItem, focusItem, searchIsOnlyChilds }) => {
+const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selectedItem, openGroup, checkedItem, focusItem, searchIsOnlyChilds, disabled: parentDisabled, readonly: parentReadonly }) => {
   const isHaveChildren = item.items && item.items.length > 0;
   var text = StringHelper.htmlEntities(item.text);
   let intersection = [];
@@ -80,8 +80,8 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
   }
   text = item.isHtmlContent ? item.isHtmlContent : item.template && intersection.length > 0 ? StringHelper.templateParser(item.template, Object.assign(Object.assign({}, item.itemObject), { text })) : text;
   const unClickable = !treeview && item.type == "group" && !item.clickable;
-  const disabled = item.disabled;
-  const readonly = item.readonly;
+  const disabled = item.disabled || parentDisabled;
+  const readonly = item.readonly || parentReadonly;
   const itemClick = (event) => {
     let path = event.path || event.composedPath();
     if (path.filter(x => x.attributes && x.attributes.getNamedItem("unlinked"))[0]) {
@@ -109,13 +109,13 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
       treeview && (h("div", { class: "bcm-list__item-content-collapse-icon", onClick: () => collapseClick() }, isHaveChildren && h("bcm-icon", { icon: classnames('fas fa-caret-' + (item.isSearching || item.open ? 'down' : 'right')) }))),
       h("div", { class: classnames('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
         checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" },
-          h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))),
+          h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: disabled }))),
         h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
     (treeview || !treeview && item.type == "group") && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
       item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
 };
 
-const ListTemplate = ({ type, highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, tempId, data, width, height, size, searchPlaceholder, minSearchLength, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable, searchIsOnlyChilds, emptyText, emptyIcon, handleTransitionEnd, }) => {
+const ListTemplate = ({ type, highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, tempId, data, width, height, size, searchPlaceholder, minSearchLength, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable, searchIsOnlyChilds, emptyText, emptyIcon, handleTransitionEnd, disabled, readonly, }) => {
   const showSelectAll = !(treeview && searchFound > 0) && !(searchFound > 0);
   const setScrollHeight = () => {
     const itemHeight = size === 'small' ? 28 : size === 'medium' ? 36 : 48;
@@ -129,8 +129,8 @@ const ListTemplate = ({ type, highlight, selectAllItem, bcmListContainer, treevi
     h("main", { onScroll: e => onScrollEvent(e), class: "scrolling", style: Object.assign({}, (type === 'select' && { 'overscroll-behavior': 'none' })) },
       h("div", { style: setScrollHeight() },
         checkAll && searchFound != 0 && items && items.length > 0 && checkboxes && showSelectAll && (h("section", { class: "bcm-list__container-select-all" },
-          h(ListItemTemplate, { size: size, item: selectAllItem, treeview: false, checkboxes: true, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) }))),
-        items.map((item) => (h(ListItemTemplate, { highlight: highlight, size: size, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) }))),
+          h(ListItemTemplate, { size: size, item: selectAllItem, treeview: false, checkboxes: true, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId), disabled: disabled, readonly: readonly }))),
+        items.map((item) => (h(ListItemTemplate, { highlight: highlight, size: size, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId), disabled: disabled, readonly: readonly }))),
         (!items || items.length === 0) && searchFound != 0 && (h("section", { class: "bcm-list__container-no-data" },
           h("bcm-empty", { style: { height: 'auto' }, icon: emptyIcon },
             h("span", { innerHTML: emptyText || 'No data' })))),
@@ -1685,7 +1685,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         "--min-height": openedType ? "inherit" : this.minHeight,
       } }, h("div", { id: `bcm-list-label-${this._id}`, class: "bcm-list__label" }, label && (h("div", null, h("bcm-label", { tooltip: this.tooltip, size: this.size, type: this.captionType, value: label, required: required, htmlFor: this._id })))), this.type == "select" && (h("div", { id: `bcm-list-input-${this._id}`, class: bcmListInput }, h("span", { class: classnames("bcm-list__input-container", { "type-single": !checkboxes, "value-empty": !this.value }) }, this.checkboxes ? (this.value && this.value.length > 0 ? (h("bcm-rc-overflow", { data: this.tagData, maxCount: this.tagCount })) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))) : this.value ? (this.inputText) : (h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))), h("span", { class: classnames("bcm-list__input-buttons", {
         disabled: disabled,
-      }) }, this.clearable && this.value && (h("div", { class: "bcm-list__input-buttons-button" }, h("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), h("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, h("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (h("div", { id: `bcm-list-input-${this._id}`, class: classnames(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, h("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && h("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), h("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), h(ListTemplate, { type: this.type, highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, tempId: this.tempId, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon, handleTransitionEnd: e => this.handleTransitionEnd(e) }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+      }) }, this.clearable && this.value && (h("div", { class: "bcm-list__input-buttons-button" }, h("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), h("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, h("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (h("div", { id: `bcm-list-input-${this._id}`, class: classnames(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, h("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && h("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), h("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), h(ListTemplate, { type: this.type, highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, tempId: this.tempId, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon, handleTransitionEnd: e => this.handleTransitionEnd(e), disabled: disabled, readonly: readonly }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
   }
   get el() { return this; }
   static get watchers() { return {

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

@@ -3,13 +3,13 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h as h$2, H as Host, g as getElement, c as createEvent, a as getRenderingRef, f as forceUpdate, d as getAssetPath } from './index-4614b7f0.js';
-import { G as Generate, S as StatusProps, T as TypeProps, s as snq } from './generate-8a394b83.js';
+import { G as Generate, S as StatusProps, T as TypeProps, s as snq } from './generate-56d49b70.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { S as StringHelper } from './string-helper-69203215.js';
 import { C as ColorHelper } from './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { N as NumberHelper } from './number-helper-a86adc72.js';
-import { V as Validators } from './validators-89e791a1.js';
+import { N as NumberHelper } from './number-helper-455ab41e.js';
+import { V as Validators } from './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm, a as Bcm$1 } from './bcm-a50d55ba.js';
 import { c as ce } from './index-3bc8c6e3.js';
@@ -26,7 +26,7 @@ import { F as FloatingUI } from './floating-ui-3f4394da.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-2bf3a181.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { T as TypeProps$1, S as SizeProps, D as DirectionProps } from './types-b211a5eb.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 import './colors-ed4e7579.js';
 
 const accordionCss = "@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}.bcm-accordion .bcm-expansion-panel{border-radius:0}.bcm-accordion .bcm-expansion-panel .bcm-expansion-panel__header{border-radius:0}.bcm-accordion .bcm-expansion-panel:first-child{border-top-left-radius:var(--bcm-ui-border-radius-default);border-top-right-radius:var(--bcm-ui-border-radius-default)}.bcm-accordion .bcm-expansion-panel:first-child .bcm-expansion-panel__header{border-top-left-radius:var(--bcm-ui-border-radius-default);border-top-right-radius:var(--bcm-ui-border-radius-default)}.bcm-accordion .bcm-expansion-panel:last-child{border-bottom-left-radius:var(--bcm-ui-border-radius-default);border-bottom-right-radius:var(--bcm-ui-border-radius-default)}.bcm-accordion .bcm-expansion-panel:last-child .bcm-expansion-panel__header{border-bottom-left-radius:var(--bcm-ui-border-radius-default);border-bottom-right-radius:var(--bcm-ui-border-radius-default)}";
@@ -2393,7 +2393,7 @@ ref, handleBlur, handleFocus, handleInput, handleChange, isEyeDropperSupported,
           h$2("i", { class: "far fa-eye-dropper", onClick: () => eyeDropper() })))))));
 };
 
-const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selectedItem, openGroup, checkedItem, focusItem, searchIsOnlyChilds }) => {
+const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selectedItem, openGroup, checkedItem, focusItem, searchIsOnlyChilds, disabled: parentDisabled, readonly: parentReadonly }) => {
   const isHaveChildren = item.items && item.items.length > 0;
   var text = StringHelper.htmlEntities(item.text);
   let intersection = [];
@@ -2412,8 +2412,8 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
   }
   text = item.isHtmlContent ? item.isHtmlContent : item.template && intersection.length > 0 ? StringHelper.templateParser(item.template, Object.assign(Object.assign({}, item.itemObject), { text })) : text;
   const unClickable = !treeview && item.type == "group" && !item.clickable;
-  const disabled = item.disabled;
-  const readonly = item.readonly;
+  const disabled = item.disabled || parentDisabled;
+  const readonly = item.readonly || parentReadonly;
   const itemClick = (event) => {
     let path = event.path || event.composedPath();
     if (path.filter(x => x.attributes && x.attributes.getNamedItem("unlinked"))[0]) {
@@ -2441,13 +2441,13 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
       treeview && (h$2("div", { class: "bcm-list__item-content-collapse-icon", onClick: () => collapseClick() }, isHaveChildren && h$2("bcm-icon", { icon: classnames('fas fa-caret-' + (item.isSearching || item.open ? 'down' : 'right')) }))),
       h$2("div", { class: classnames('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
         checkboxes && (treeview || (!treeview && item.type != 'group')) && (h$2("div", { class: "bcm-list__item-content-text-checkbox" },
-          h$2(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))),
+          h$2(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: disabled }))),
         h$2("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
     (treeview || !treeview && item.type == "group") && isHaveChildren && (h$2("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
       item.items.map((item) => (h$2(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
 };
 
-const ListTemplate = ({ type, highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, tempId, data, width, height, size, searchPlaceholder, minSearchLength, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable, searchIsOnlyChilds, emptyText, emptyIcon, handleTransitionEnd, }) => {
+const ListTemplate = ({ type, highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, tempId, data, width, height, size, searchPlaceholder, minSearchLength, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable, searchIsOnlyChilds, emptyText, emptyIcon, handleTransitionEnd, disabled, readonly, }) => {
   const showSelectAll = !(treeview && searchFound > 0) && !(searchFound > 0);
   const setScrollHeight = () => {
     const itemHeight = size === 'small' ? 28 : size === 'medium' ? 36 : 48;
@@ -2461,8 +2461,8 @@ const ListTemplate = ({ type, highlight, selectAllItem, bcmListContainer, treevi
     h$2("main", { onScroll: e => onScrollEvent(e), class: "scrolling", style: Object.assign({}, (type === 'select' && { 'overscroll-behavior': 'none' })) },
       h$2("div", { style: setScrollHeight() },
         checkAll && searchFound != 0 && items && items.length > 0 && checkboxes && showSelectAll && (h$2("section", { class: "bcm-list__container-select-all" },
-          h$2(ListItemTemplate, { size: size, item: selectAllItem, treeview: false, checkboxes: true, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) }))),
-        items.map((item) => (h$2(ListItemTemplate, { highlight: highlight, size: size, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) }))),
+          h$2(ListItemTemplate, { size: size, item: selectAllItem, treeview: false, checkboxes: true, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId), disabled: disabled, readonly: readonly }))),
+        items.map((item) => (h$2(ListItemTemplate, { highlight: highlight, size: size, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, selectedItem: itemId => selectedItem(itemId), checkedItem: itemId => checkedItem(itemId), openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId), disabled: disabled, readonly: readonly }))),
         (!items || items.length === 0) && searchFound != 0 && (h$2("section", { class: "bcm-list__container-no-data" },
           h$2("bcm-empty", { style: { height: 'auto' }, icon: emptyIcon },
             h$2("span", { innerHTML: emptyText || 'No data' })))),
@@ -19875,26 +19875,9 @@ const BcmColorInput = class {
   }
   handleChange(color) {
     this.value = color;
-    this.getInputElement().setValue(color);
-    forceUpdate(this.el);
-  }
-  getInputElement() {
-    return this.el.querySelector(`bcm-input`);
   }
-  getPickerElement() {
-    return document.querySelector("#" + this._id + "-picker");
-  }
-  handleInputChanged(e) {
-    this.value = e.detail;
-    const picker = this.getPickerElement();
-    if (picker) {
-      if (this.type === "palette") {
-        picker.value = e.detail;
-      }
-      else {
-        picker.color = e.detail;
-      }
-    }
+  handleInputChanged(value) {
+    this.value = value;
   }
   eyeDropper() {
     const eyeDropper = new window.EyeDropper();
@@ -19916,9 +19899,9 @@ const BcmColorInput = class {
     return typeof window !== "undefined" && "EyeDropper" in window;
   }
   render() {
-    return (h$2(Host, { class: "tw-block" }, h$2("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", disabled: this.disabled, readonly: this.readonly, "onBcm-change": e => this.handleInputChanged(e), value: this.value }, h$2("i", { slot: "prefix", class: "tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-solid tw-border-color-default", style: {
+    return (h$2(Host, { class: "tw-block" }, h$2("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", disabled: this.disabled, readonly: this.readonly, "onBcm-change": ({ detail }) => this.handleInputChanged(detail), value: this.value }, h$2("i", { slot: "prefix", class: "tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-solid tw-border-color-default", style: {
         backgroundColor: this.value,
-      } }), this.isEyeDropperSupported() && h$2("i", { slot: "suffix", class: "far fa-eye-dropper", onClick: () => this.eyeDropper() })), h$2("bcm-linked", { targetId: this._id + "-color" }, this.type === 'palette' ? (h$2("bcm-color-palette", { id: this._id + "-picker", value: this.value, "onBcm-change": e => this.handleChange(e.detail) })) : (h$2("bcm-colorful", { id: this._id + "-picker", color: this.value, onBcmChange: e => this.handleChange(e.detail) })))));
+      } }), this.isEyeDropperSupported() && h$2("i", { slot: "suffix", class: "far fa-eye-dropper", onClick: () => this.eyeDropper() })), h$2("bcm-linked", { targetId: this._id + "-color-container" }, this.type === 'palette' ? (h$2("bcm-color-palette", { id: this._id + "-picker", value: this.value, "onBcm-change": ({ detail }) => this.handleChange(detail) })) : (h$2("bcm-colorful", { id: this._id + "-picker", color: this.value, onBcmChange: ({ detail }) => this.handleChange(detail) })))));
   }
   get el() { return getElement(this); }
 };
@@ -19954,8 +19937,8 @@ const BcmColorPalette = class {
       this.bcmChange.emit(hex);
     };
     this.value = undefined;
-    this.paletteKeys = ["orange", "yellow", "lime", "green", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink"];
-    this.shades = [900, 800, 700, 600, 500, 400, 300, 200, 100];
+    this.paletteKeys = ["orange", "yellow", "lime", "green", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "stone", "slate"];
+    this.shades = [950, 900, 800, 700, 600, 400, 300, 200, 100, 50];
   }
   render() {
     const { host, column, box } = colorPaletteStyle();
@@ -27854,7 +27837,7 @@ const BcmList = class {
         "--min-height": openedType ? "inherit" : this.minHeight,
       } }, h$2("div", { id: `bcm-list-label-${this._id}`, class: "bcm-list__label" }, label && (h$2("div", null, h$2("bcm-label", { tooltip: this.tooltip, size: this.size, type: this.captionType, value: label, required: required, htmlFor: this._id })))), this.type == "select" && (h$2("div", { id: `bcm-list-input-${this._id}`, class: bcmListInput }, h$2("span", { class: classnames("bcm-list__input-container", { "type-single": !checkboxes, "value-empty": !this.value }) }, this.checkboxes ? (this.value && this.value.length > 0 ? (h$2("bcm-rc-overflow", { data: this.tagData, maxCount: this.tagCount })) : (h$2("span", { class: "bcm-list__input-placeholder" }, this.placeholder))) : this.value ? (this.inputText) : (h$2("span", { class: "bcm-list__input-placeholder" }, this.placeholder))), h$2("span", { class: classnames("bcm-list__input-buttons", {
         disabled: disabled,
-      }) }, this.clearable && this.value && (h$2("div", { class: "bcm-list__input-buttons-button" }, h$2("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), h$2("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, h$2("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (h$2("div", { id: `bcm-list-input-${this._id}`, class: classnames(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, h$2("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && h$2("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), h$2("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), h$2(ListTemplate, { type: this.type, highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, tempId: this.tempId, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon, handleTransitionEnd: e => this.handleTransitionEnd(e) }), h$2(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+      }) }, this.clearable && this.value && (h$2("div", { class: "bcm-list__input-buttons-button" }, h$2("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), h$2("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, h$2("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (h$2("div", { id: `bcm-list-input-${this._id}`, class: classnames(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, h$2("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && h$2("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), h$2("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), h$2(ListTemplate, { type: this.type, highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, tempId: this.tempId, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon, handleTransitionEnd: e => this.handleTransitionEnd(e), disabled: disabled, readonly: readonly }), h$2(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
   }
   get el() { return getElement(this); }
   static get watchers() { return {

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

@@ -5,10 +5,10 @@
 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-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import { d as delay } from './utils-7727d09e.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
@@ -17,7 +17,7 @@ import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const attendanceActionCommentStyle = ce({
   slots: {

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

@@ -5,10 +5,10 @@
 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-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
@@ -18,7 +18,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const attendanceActionDropdownStyle = ce({
   slots: {

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

@@ -4,9 +4,9 @@
  */
 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-8a394b83.js';
+import { G as Generate } from './generate-56d49b70.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.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

@@ -10,16 +10,16 @@ import './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import './generate-8a394b83.js';
-import './number-helper-a86adc72.js';
-import './validators-89e791a1.js';
+import './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import './types-9493a7ed.js';
 import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const BcmCaption = class {
   constructor(hostRef) {

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

@@ -5,14 +5,14 @@
 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-8a394b83.js';
+import { G as Generate } from './generate-56d49b70.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-7727d09e.js';
 import './colors-ed4e7579.js';
-import './package-278e08d9.js';
+import './package-edee14d5.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-date-picker.entry.js

@@ -6,11 +6,11 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-46
 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-8a394b83.js';
+import { G as Generate } from './generate-56d49b70.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.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

@@ -7,13 +7,13 @@ import { D as DragDirections, E as ElementDragger } from './element-dragger-b752
 import { c as classnames } from './index-00c8a8f7.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
 import { d as delay } from './utils-7727d09e.js';
-import { G as Generate } from './generate-8a394b83.js';
+import { G as Generate } from './generate-56d49b70.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-278e08d9.js';
+import './package-edee14d5.js';
 import './colors-ed4e7579.js';
 import './string-helper-69203215.js';
 

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

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-8a394b83.js';
-import './package-278e08d9.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './package-edee14d5.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -4,10 +4,10 @@
  */
 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-8a394b83.js';
+import { G as Generate, s as snq } from './generate-56d49b70.js';
 import { S as StringHelper } from './string-helper-69203215.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -5,12 +5,12 @@
 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-8a394b83.js';
+import { G as Generate } from './generate-56d49b70.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-278e08d9.js';
+import './package-edee14d5.js';
 import './colors-ed4e7579.js';
 import './index-3bc8c6e3.js';
 

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

@@ -3,9 +3,9 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-8a394b83.js';
+import { G as Generate } from './generate-56d49b70.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -5,10 +5,10 @@
 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-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
 import { C as CaptionTemplate } from './caption-template-16dd9444.js';
@@ -20,7 +20,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const inputDropdownStyle = ce({
   slots: {

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

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

@@ -5,17 +5,17 @@
 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-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const BcmModal2Header = class {
   constructor(hostRef) {

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import { d as delay } from './utils-7727d09e.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
@@ -16,7 +16,7 @@ import { c as classnames } from './index-00c8a8f7.js';
 import './colors-1d7854ea.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const BcmModal2 = class {
   constructor(hostRef) {

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

@@ -5,10 +5,10 @@
 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-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import { S as StringHelper } from './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import { d as delay } from './utils-7727d09e.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
@@ -20,7 +20,7 @@ import { i as inputStyle } from './input.style-0ddc0073.js';
 import './colors-1d7854ea.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 import './index-3bc8c6e3.js';
 
 const NumberInput = class {

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host } from './index-4614b7f0.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as ce } from './index-3bc8c6e3.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 const skeletonStyle = ce({
   slots: {

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

@@ -6,10 +6,10 @@ import { h, F as Fragment, r as registerInstance, H as Host, g as getElement } f
 import { M as ModuleNames, L as LicenseManager, a as MD5, W as WatermarkComp, _, R as RowNode, E as Events, C as ClientSideRowModelSteps, b as RowHighlightPosition, c as ChangedPath, A as Autowired, O as Optional, P as PostConstruct, B as Bean, d as BeanStub, G as GROUP_AUTO_COLUMN_ID, e as ColumnGroup, f as GroupInstanceIdCreator, g as ExcelFactoryMode, h as CssClassApplier, i as AgPromise, j as RefSelector, k as Component, l as ModuleRegistry, m as Grid } from './watermark-f2c6a1f9.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate, s as snq } from './generate-8a394b83.js';
-import './number-helper-a86adc72.js';
+import { G as Generate, s as snq } from './generate-56d49b70.js';
+import './number-helper-455ab41e.js';
 import { S as StringHelper } from './string-helper-69203215.js';
-import './validators-89e791a1.js';
+import './validators-cc882165.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
@@ -19,7 +19,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 
 // DO NOT UPDATE MANUALLY: Generated from script during build time
 var VERSION$4 = '29.0.0';

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

@@ -3,14 +3,14 @@
  * Copyright (c) Bromcom.
  */
 import { h, r as registerInstance, c as createEvent, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-8a394b83.js';
+import { G as Generate } from './generate-56d49b70.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { N as NumberHelper } from './number-helper-a86adc72.js';
+import { N as NumberHelper } from './number-helper-455ab41e.js';
 import { e as extractColor } from './utils-7727d09e.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { C as ColorProps } from './types-9493a7ed.js';
-import './package-278e08d9.js';
+import './package-edee14d5.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';