bromcom-ui 2.9.0-rc.4 → 2.9.0-rc.5

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

@@ -4,7 +4,7 @@
  */
 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-e7435a13.js';
+import { G as Generate } from './generate-abec36e5.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 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-e7435a13.js';
+import { G as Generate, s as snq } from './generate-abec36e5.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

@@ -4,13 +4,13 @@
  */
 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-e7435a13.js';
+import { C as ColorHelper } from './color-helper-116755ed.js';
+import { G as Generate } from './generate-abec36e5.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { S as SlotTemplate } from './slot-template-672e941d.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';
-import './utils-57652744.js';
+import './utils-b3338faf.js';
 import './colors-44c95e7e.js';
 import './bcm-9f50af9c.js';
 

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

@@ -4,9 +4,9 @@
  */
 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-e7435a13.js';
+import { G as Generate, s as snq } from './generate-abec36e5.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
-import { d as delay, g as getChildElements } from './utils-57652744.js';
+import { d as delay, a as getChildElements } from './utils-b3338faf.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';
@@ -15,12 +15,6 @@ import './colors-44c95e7e.js';
 import './slot-template-672e941d.js';
 import './string-helper-6bd24967.js';
 
-const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
-  return (h("div", { class: groupContainerClasses, style: customStyle }, items.childs && items.childs.map((checkbox) => {
-    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, readonly: checkbox.readonly, required: checkbox.required, noCaption: checkbox.noCaption, "no-margin": true, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { !checkbox.disabled && !checkbox.readonly && (onBcmSelect(checkbox.id), e.preventDefault()); } }, checkbox.slot || checkbox.label));
-  })));
-};
-
 const { state } = createStore({
   group: new Map(),
   allChecked: true,
@@ -214,6 +208,12 @@ const checkBoxGroupState = {
   changeIndeterminate,
 };
 
+const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
+  return (h("div", { class: groupContainerClasses, style: customStyle }, items.childs && items.childs.map((checkbox) => {
+    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, readonly: checkbox.readonly, required: checkbox.required, noCaption: checkbox.noCaption, "no-margin": true, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { !checkbox.disabled && !checkbox.readonly && (onBcmSelect(checkbox.id), e.preventDefault()); } }, checkbox.slot || checkbox.label));
+  })));
+};
+
 const groupCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -4,9 +4,9 @@
  */
 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-e7435a13.js';
+import { G as Generate } from './generate-abec36e5.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
-import { c as getChilds, d as delay } from './utils-57652744.js';
+import { c as getChilds, d as delay } from './utils-b3338faf.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

package/dist/esm/{bcm-checkbox_2.entry.js → bcm-checkbox.entry.js}

@@ -5,11 +5,11 @@
 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-34a1cb44.js';
-import { G as Generate } from './generate-e7435a13.js';
+import { G as Generate } from './generate-abec36e5.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 { d as delay } from './utils-b3338faf.js';
+import { C as ColorHelper } from './color-helper-116755ed.js';
 import { I as IsLoad } from './is-load-decorator-07d3502a.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
@@ -175,14 +175,4 @@ __decorate([
 ], BcmCheckbox.prototype, "el", void 0);
 BcmCheckbox.style = checkboxCss;
 
-const BcmTypography = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-
-export { BcmCheckbox as bcm_checkbox, BcmTypography as bcm_typography };
+export { BcmCheckbox as bcm_checkbox };

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

@@ -0,0 +1,124 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
+import './color-helper-116755ed.js';
+import './datetime-helper-df25808a.js';
+import { G as Generate } from './generate-abec36e5.js';
+import './number-helper-cf26accd.js';
+import './string-helper-6bd24967.js';
+import './validators-63753298.js';
+import './element-dragger-7ea06c76.js';
+import { B as Bcm } from './bcm-9f50af9c.js';
+import { C as CaptionTemplate } from './caption-template-34a1cb44.js';
+import { c as classnames } from './index-ed9652af.js';
+import './types-6f06fa1a.js';
+import { L as LabelTemplate } from './label-template-98dafeb3.js';
+import './types-9493a7ed.js';
+import './colors-1d7854ea.js';
+import './utils-b3338faf.js';
+import './colors-44c95e7e.js';
+import './_commonjsHelpers-3016b722.js';
+import './slot-template-672e941d.js';
+
+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);
+    this.change = createEvent(this, "bcm-change", 7);
+    this._id = Generate.UID();
+    this.name = undefined;
+    this.value = undefined;
+    this.required = false;
+    this.size = "medium";
+    this.label = undefined;
+    this.caption = undefined;
+    this.noCaption = false;
+    this.captionType = Bcm.Status.default;
+    this.captionError = undefined;
+  }
+  handleSelectItem(e) {
+    const target = e === null || e === void 0 ? void 0 : e.target;
+    if (target instanceof HTMLElement) {
+      const data = e.detail;
+      const chipItem = document.createElement("bcm-chip");
+      // chipItem.setAttribute("type", "dismissable");
+      chipItem.setAttribute("value", data.id);
+      chipItem.innerHTML = data.text;
+      target.parentNode.insertBefore(chipItem, target);
+      this.setSelect(data.id);
+    }
+  }
+  handleDismiss(e) {
+    const target = e === null || e === void 0 ? void 0 : e.target;
+    if (target instanceof HTMLElement) {
+      target.remove();
+      this.setSelect();
+    }
+  }
+  handleSelect(e) {
+    const target = e === null || e === void 0 ? void 0 : e.target;
+    if (target instanceof HTMLElement) {
+      if (target.type === "addable") {
+        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");
+  }
+  setSelect(val = this.value, noEvent = false) {
+    const slots = this.getSlots();
+    if ((slots === null || slots === void 0 ? void 0 : slots.length) === 0)
+      return;
+    const slotArray = Array.from(slots);
+    const selectedSlot = slotArray.find(slot => slot.value === val);
+    if (!selectedSlot) {
+      this.value = slotArray[0].value;
+    }
+    else {
+      this.value = val;
+    }
+    slotArray.forEach(slot => {
+      slot.selected = slot.value === this.value;
+    });
+    if (!noEvent) {
+      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(Host, { class: hostClasses }, label && (h("div", null, h(LabelTemplate, { type: captionType, value: label, required: required }))), h("div", { class: "tw-flex tw-flex-wrap tw-gap-1" }, h("slot", null)), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
+  }
+  get el() { return getElement(this); }
+};
+BcmChipGroup.style = chipGroupCss;
+
+export { BcmChipGroup as bcm_chip_group };

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

@@ -0,0 +1,86 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+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 ColorHelper } from './color-helper-116755ed.js';
+import { G as Generate } from './generate-abec36e5.js';
+import './_commonjsHelpers-3016b722.js';
+import './colors-1d7854ea.js';
+import './utils-b3338faf.js';
+import './colors-44c95e7e.js';
+
+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) {
+    registerInstance(this, hostRef);
+    this.bcmChipDismiss = createEvent(this, "bcm-chip-dismiss", 7);
+    this.bcmChipSelect = createEvent(this, "bcm-chip-select", 7);
+    this.bcmChipAddable = createEvent(this, "bcm-chip-addable", 7);
+    this.bcmChipSelectItem = createEvent(this, "bcm-chip-select-item", 7);
+    this._id = Generate.UID();
+    this.type = "default";
+    this.size = "medium";
+    this.avatar = undefined;
+    this.icon = undefined;
+    this.disabled = undefined;
+    this.color = undefined;
+    this.selected = false;
+    this.value = undefined;
+    this.data = [];
+  }
+  // @ts-ignore
+  setColor() {
+    if (!this.color && !this.selected)
+      return;
+    const color = this.selected ? "indigo" : this.color; // Important: Find a solution for this in V3! ( selected ? this.color : "indigo" )
+    return {
+      "--bcm-chip-color": ColorHelper.dsColor(color + "-500"),
+      "--bcm-chip-color-hover": ColorHelper.dsColor(color + "-500"),
+      "--bcm-chip-color-focus": ColorHelper.dsColor(color + "-600"),
+      "--bcm-chip-color-active": ColorHelper.dsColor(color + "-700"),
+      "--bcm-chip-color-disabled": ColorHelper.dsColor("slate" + "-300"),
+      "--bcm-chip-background-color": ColorHelper.dsColor(color + "-100"),
+      "--bcm-chip-background-color-hover": ColorHelper.dsColor(color + "-200"),
+      "--bcm-chip-background-color-focus": ColorHelper.dsColor(color + "-300"),
+      "--bcm-chip-background-color-active": ColorHelper.dsColor(color + "-200"),
+      "--bcm-chip-background-color-disabled": ColorHelper.dsColor("slate" + "-100"),
+    };
+  }
+  handleDismiss(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    this.bcmChipDismiss.emit(this.el);
+  }
+  handleAddable(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    this.bcmChipAddable.emit(this.el);
+  }
+  listSelectedItems(e) {
+    // To be added to v3
+    e.stopPropagation();
+    e.preventDefault();
+    if (e.detail) {
+      this.bcmChipSelectItem.emit(e.detail);
+      e.target.setClear();
+      this.data = this.data.filter(item => item.id !== e.detail.id);
+    }
+  }
+  render() {
+    const { type, size, avatar, disabled, color } = this;
+    const hostClasses = classnames("bcm-chip", `bcm-chip__type-${type}`, `bcm-chip__size-${size}`, {
+      "bcm-chip--disabled": disabled,
+      "bcm-chip--avatar": avatar,
+    });
+    return (h(Host, { class: hostClasses, tabindex: "0", disabled: disabled, style: this.setColor(), onClick: e => this.bcmChipSelect.emit(e) }, h("div", { class: classnames(this.selected ? "bcm-chip--selected-icon" : "tw-hidden tw-w-0") }, h("bcm-icon", { icon: "fal fa-check" })), avatar && h("bcm-avatar", Object.assign({ size: size }, (color && { color }), (avatar && { image: avatar }))), type === "addable" && (h("span", { class: "bcm-chip__left" }, h("bcm-icon", { onClick: e => this.handleAddable(e), icon: "far fa-plus" }))), h("slot", null), type === "dismissable" && (h("span", { class: "bcm-chip__type-dismissable-icon" }, h("bcm-icon", { onClick: e => this.handleDismiss(e), icon: "fal fa-times" }))), this.data &&
+      this.data.length > 0 && ( // To be added to v3
+    h("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); }
+};
+BcmChip.style = chipCss;
+
+export { BcmChip as bcm_chip };

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
-import { g as getChildElements } from './utils-57652744.js';
+import { a as getChildElements } from './utils-b3338faf.js';
 
 const BcmCollapseGroup = class {
   constructor(hostRef) {

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

@@ -4,7 +4,7 @@
  */
 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-e7435a13.js';
+import { G as Generate } from './generate-abec36e5.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

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

@@ -3,16 +3,16 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-348b16ad.js';
-import './color-helper-e8ce23d7.js';
+import './color-helper-116755ed.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-e7435a13.js';
-import './number-helper-cb2563aa.js';
+import { G as Generate } from './generate-abec36e5.js';
+import './number-helper-cf26accd.js';
 import './string-helper-6bd24967.js';
-import './validators-0a4134a4.js';
-import './element-dragger-89bb52fd.js';
+import './validators-63753298.js';
+import './element-dragger-7ea06c76.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';
-import './utils-57652744.js';
+import './utils-b3338faf.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';