bromcom-ui 2.8.0-rc.10-f → 2.8.0-rc.10-g

package/dist/cjs/bcm-linked_2.cjs.entry.js

@@ -14,12 +14,12 @@ const utils = require('./utils-fc077139.js');
 const floatingUi = require('./floating-ui-ded9c11f.js');
 require('./color-helper-d1cb7959.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-43262f69.js');
-require('./number-helper-fa69ea24.js');
-require('./validators-97891f43.js');
+const generate = require('./generate-62c3a20c.js');
+require('./number-helper-4cfa88f0.js');
+require('./validators-2a28c1ed.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 const index$1 = require('./index-fdbf5226.js');
-const tooltipHelper = require('./tooltip-helper-9f6a9b2d.js');
+const tooltipHelper = require('./tooltip-helper-3f7ad52d.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-56282b00.js');
 
@@ -38,12 +38,12 @@ const BcmLinked = class {
     index.registerInstance(this, hostRef);
     this.bcmOpen = index.createEvent(this, "bcm-open", 7);
     this._id = generate.Generate.UID();
-    this.placement = bcm.Bcm$1.Placement["bottom-start"];
+    this.placement = bcm.Bcm$1.Placement['bottom-start'];
     this.trigger = bcm.Bcm$1.TriggerType.click;
-    this.targetId = "";
+    this.targetId = '';
     this.height = undefined;
     this.maxHeight = undefined;
-    this.minHeight = "50px";
+    this.minHeight = '50px';
     this.isOpen = false;
   }
   target() {
@@ -59,15 +59,15 @@ const BcmLinked = class {
     }
   }
   dismissEvent() {
-    document.dispatchEvent(new CustomEvent("linked-data-dismiss", { detail: { id: this._id } }));
+    document.dispatchEvent(new CustomEvent('linked-data-dismiss', { detail: { id: this._id } }));
   }
   checkDataDismiss(e) {
-    generate.Generate.findEventPathHasAttribute(e, "data-dismiss") && this.dismissEvent();
+    generate.Generate.findEventPathHasAttribute(e, 'data-dismiss') && this.dismissEvent();
   }
   hideChildLinked() {
-    this.el.querySelectorAll("[is-linked][linked-is-open]").forEach(item => {
+    this.el.querySelectorAll('[is-linked][linked-is-open]').forEach(item => {
       var _a;
-      (_a = document.querySelector(`#${item.getAttribute("is-linked")}[is-open]`)) === null || _a === void 0 ? void 0 : _a.hide(false);
+      (_a = document.querySelector(`#${item.getAttribute('is-linked')}[is-open]`)) === null || _a === void 0 ? void 0 : _a.hide(false);
     });
   }
   calculatePosition() {
@@ -79,7 +79,7 @@ const BcmLinked = class {
           floating: el,
           placement: this.placement,
           offset: 4,
-          autoHidden: el.getAttribute("main-linked") === "true" ? false : true,
+          autoHidden: el.getAttribute('main-linked') === 'true' ? false : true,
           autoSize: true,
           style: {
             height: this.height,
@@ -89,20 +89,20 @@ const BcmLinked = class {
         });
       }
       else {
-        el.style.visibility = "hidden";
-        el.style.opacity = "0";
+        el.style.visibility = 'hidden';
+        el.style.opacity = '0';
       }
     }
   }
   init() {
     const target = this.target();
     if (target) {
-      target.setAttribute("is-linked", this.el.id);
-      if (!generate.Generate.getAncestor(target, "bcm-linked")) {
-        this.el.setAttribute("main-linked", "true");
+      target.setAttribute('is-linked', this.el.id);
+      if (!generate.Generate.getAncestor(target, 'bcm-linked')) {
+        this.el.setAttribute('main-linked', 'true');
       }
       else {
-        this.el.removeAttribute("main-linked");
+        this.el.removeAttribute('main-linked');
       }
     }
   }
@@ -124,7 +124,7 @@ const BcmLinked = class {
     const target = this.target();
     if (target) {
       document.body.appendChild(this.el);
-      target.setAttribute("linked-is-open", "true");
+      target.setAttribute('linked-is-open', 'true');
       this.isOpen = true;
       this.calculatePosition();
     }
@@ -137,7 +137,7 @@ const BcmLinked = class {
     wait && (await utils.delay(50));
     const target = this.target();
     if (target) {
-      target.removeAttribute("linked-is-open");
+      target.removeAttribute('linked-is-open');
       this.hideChildLinked();
       this.isOpen = false;
     }
@@ -151,7 +151,7 @@ const BcmLinked = class {
       return;
     const isTarget = generate.Generate.findEventPath(e, this.target());
     const isSelf = generate.Generate.findEventPath(e, this.el);
-    const isLinked = generate.Generate.findEventPathWithNodeName(e, "BCM-LINKED");
+    const isLinked = generate.Generate.findEventPathWithNodeName(e, 'BCM-LINKED');
     if (!isTarget && !isSelf && !isLinked) {
       this.hide();
       this.bcmOpen.emit(this.isOpen);
@@ -160,7 +160,7 @@ const BcmLinked = class {
     if (this.isOpen) {
       isTarget && this.hide(false);
       isSelf && this.checkDataDismiss(e);
-      if (this.el.getAttribute("main-linked") === "true" && !isTarget && !isSelf && !isLinked) {
+      if (this.el.getAttribute('main-linked') === 'true' && !isTarget && !isSelf && !isLinked) {
         this.dismissEvent();
       }
     }
@@ -181,8 +181,8 @@ const BcmLinked = class {
     this.bcmOpen.emit(this.isOpen);
   }
   render() {
-    const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
-    return (index.h(index.Host, { class: "tw-invisible tw-absolute tw-top-0 tw-left-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100", style: Object.assign(Object.assign({}, openStyle), { overflow: "auto" }) }, index.h("slot", null)));
+    const openStyle = this.isOpen ? { visibility: 'visible', opacity: '1' } : { visibility: 'hidden', opacity: '0' };
+    return (index.h(index.Host, { class: "tw-block tw-opacity-0 tw-invisible tw-top-0 tw-left-0  tw-rounded tw-bg-white  tw-z-tooltip tw-transition-opacity tw-duration-100  tw-shadow tw-overscroll-contain tw-scroll-smooth tw-absolute", style: Object.assign(Object.assign({}, openStyle), { overflow: 'auto' }) }, index.h("slot", null)));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/bcm-list.cjs.entry.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-b4a2fb85.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const jsonParseDecarator = require('./json-parse-decarator-9bc2ee93.js');
+const jsonParseDecarator = require('./json-parse-decarator-935df068.js');
 require('./color-helper-d1cb7959.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-43262f69.js');
-const numberHelper = require('./number-helper-fa69ea24.js');
+const generate = require('./generate-62c3a20c.js');
+const numberHelper = require('./number-helper-4cfa88f0.js');
 const stringHelper = require('./string-helper-a54773f3.js');
-const validators = require('./validators-97891f43.js');
+const validators = require('./validators-2a28c1ed.js');
 require('./element-dragger-a8562f82.js');
 const popoverPlacement = require('./popover-placement-dd87671c.js');
 const utils = require('./utils-fc077139.js');
@@ -25,7 +25,7 @@ require('./types-cc4adee7.js');
 const labelTemplate = require('./label-template-5d3d6f6c.js');
 require('./types-6eb7e028.js');
 const index$2 = require('./index-b6a28fdb.js');
-const tooltipHelper = require('./tooltip-helper-9f6a9b2d.js');
+const tooltipHelper = require('./tooltip-helper-3f7ad52d.js');
 require('./colors-56282b00.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./slot-template-720b35b8.js');

package/dist/cjs/bcm-modal.cjs.entry.js

@@ -11,7 +11,7 @@ const index$1 = require('./index-fdbf5226.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const stringHelper = require('./string-helper-a54773f3.js');
 const slotTemplate = require('./slot-template-720b35b8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

package/dist/cjs/bcm-popconfirm-box.cjs.entry.js

@@ -10,7 +10,7 @@ const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 const colorHelper = require('./color-helper-d1cb7959.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const stringHelper = require('./string-helper-a54773f3.js');
 const popoverPlacement = require('./popover-placement-dd87671c.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-popconfirm.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

package/dist/cjs/bcm-popover.cjs.entry.js

@@ -10,10 +10,10 @@ const index = require('./index-b4a2fb85.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 const colorHelper = require('./color-helper-d1cb7959.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-43262f69.js');
-require('./number-helper-fa69ea24.js');
+const generate = require('./generate-62c3a20c.js');
+require('./number-helper-4cfa88f0.js');
 const stringHelper = require('./string-helper-a54773f3.js');
-require('./validators-97891f43.js');
+require('./validators-2a28c1ed.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const floatingUi = require('./floating-ui-ded9c11f.js');
@@ -135,12 +135,12 @@ const BcmPopover = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this._id = generate.Generate.UID();
-    this.message = "";
-    this.content = "";
+    this.message = '';
+    this.content = '';
     this.placement = bcm.Bcm$1.Placement.top;
     this.trigger = bcm.Bcm$1.TriggerType.click;
     this.open = false;
-    this.color = "white";
+    this.color = 'white';
     this.popover = new Popover({
       targetId: this._id,
       content: this.content,
@@ -172,7 +172,7 @@ const BcmPopover = class {
     this.popover.toggle();
   }
   render() {
-    return (index.h(index.Host, { "aria-describedby": "popover", tabindex: "-1", class: "tw-inline-flex tw-h-fit tw-w-fit" }, index.h("slot", null)));
+    return (index.h(index.Host, { "aria-describedby": "popover", tabindex: "-1", class: "tw-inline-flex tw-w-fit tw-h-fit" }, index.h("slot", null)));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/bcm-progress.cjs.entry.js

@@ -10,7 +10,7 @@ const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 const colorHelper = require('./color-helper-d1cb7959.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-56282b00.js');

package/dist/cjs/bcm-radio-group.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-b4a2fb85.js');
 const index$2 = require('./index-fdbf5226.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const captionTemplate = require('./caption-template-1b6b0819.js');

package/dist/cjs/bcm-radio.cjs.entry.js

@@ -10,7 +10,7 @@ const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 const colorHelper = require('./color-helper-d1cb7959.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const slotTemplate = require('./slot-template-720b35b8.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-range.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const utils = require('./utils-fc077139.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');

package/dist/cjs/bcm-search.cjs.entry.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-b4a2fb85.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
-const inputTemplate = require('./input-template-82b06cc3.js');
+const inputTemplate = require('./input-template-da75023a.js');
 const utils = require('./utils-fc077139.js');
 const index = require('./index-b6a28fdb.js');
 const stringHelper = require('./string-helper-a54773f3.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b4a2fb85.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -30,9 +30,9 @@ const BcmSkeleton = class {
     var _a;
     const parentElement = (_a = this.el) === null || _a === void 0 ? void 0 : _a.parentElement;
     if (parentElement) {
-      const hidden = document.createElement("span");
-      hidden.setAttribute("id", `${this._id}-span`);
-      hidden.classList.add("tw-hidden");
+      const hidden = document.createElement('span');
+      hidden.setAttribute('id', `${this._id}-span`);
+      hidden.classList.add('tw-hidden');
       hidden.innerHTML = `<slot />`;
       parentElement.appendChild(hidden);
       if (parentElement.isConnected) {
@@ -43,9 +43,9 @@ const BcmSkeleton = class {
   }
   render() {
     const SkeletonAnimate = () => {
-      return (index.h("div", { class: "tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow" }, index.h("span", { class: "tw-hidden" }, index.h("slot", null)), index.h("div", { class: "tw-flex tw-animate-pulse tw-space-x-4" }, index.h("div", { class: "tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200" }), index.h("div", { class: "tw-flex-1 tw-space-y-6 tw-py-1" }, index.h("div", { class: "tw-h-2 tw-rounded tw-bg-slate-200" }), index.h("div", { class: "tw-space-y-3" }, index.h("div", { class: "tw-grid tw-grid-cols-3 tw-gap-4" }, index.h("div", { class: "tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200" }), index.h("div", { class: "tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200" })), index.h("div", { class: "tw-h-2 tw-rounded tw-bg-slate-200" }))))));
+      return (index.h("div", { class: "tw-border tw-border-blue-300 tw-shadow tw-rounded-md tw-p-4 tw-max-w-sm tw-w-full tw-mx-auto" }, index.h("span", { class: "tw-hidden" }, index.h("slot", null)), index.h("div", { class: "tw-animate-pulse tw-flex tw-space-x-4" }, index.h("div", { class: "tw-rounded-full tw-bg-slate-200 tw-h-10 tw-w-10" }), index.h("div", { class: "tw-flex-1 tw-space-y-6 tw-py-1" }, index.h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded" }), index.h("div", { class: "tw-space-y-3" }, index.h("div", { class: "tw-grid tw-grid-cols-3 tw-gap-4" }, index.h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded tw-col-span-2" }), index.h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded tw-col-span-1" })), index.h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded" }))))));
     };
-    return this.loading ? index.h(SkeletonAnimate, null) : index.h("slot", null);
+    return (this.loading ? index.h(SkeletonAnimate, null) : index.h("slot", null));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/bcm-step.cjs.entry.js

@@ -9,8 +9,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
-const stepperStates = require('./stepper-states-d7f6c19a.js');
+const generate = require('./generate-62c3a20c.js');
+const stepperStates = require('./stepper-states-50ec45ff.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./index-b6a28fdb.js');
 

package/dist/cjs/bcm-stepper.cjs.entry.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-b4a2fb85.js');
 const index = require('./index-fdbf5226.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const utils = require('./utils-fc077139.js');
-const stepperStates = require('./stepper-states-d7f6c19a.js');
+const stepperStates = require('./stepper-states-50ec45ff.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./index-b6a28fdb.js');
 

package/dist/cjs/bcm-switch.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const captionTemplate = require('./caption-template-1b6b0819.js');
 const utils = require('./utils-fc077139.js');

package/dist/cjs/bcm-tab-group.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b4a2fb85.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const index$1 = require('./index-fdbf5226.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
@@ -38,50 +38,50 @@ const BcmTabGroup = class {
     if ((_a = this.tabItems()) === null || _a === void 0 ? void 0 : _a.length) {
       this.headerItems = [];
       this.tabItems().forEach((tab, index) => {
-        let itemActive = tab.hasAttribute("active") ? true : false;
-        let itemDisabled = tab.hasAttribute("disabled") ? true : false;
+        let itemActive = tab.hasAttribute('active') ? true : false;
+        let itemDisabled = tab.hasAttribute('disabled') ? true : false;
         let itemIndex = index + 1;
-        tab.setAttribute("index", `${itemIndex}`);
-        tab.classList.add("tw-w-full");
+        tab.setAttribute('index', `${itemIndex}`);
+        tab.classList.add('tw-w-full');
         let header = {
-          slot: "header",
-          content: "",
+          slot: 'header',
+          content: '',
           active: itemActive,
           disabled: itemDisabled,
-          index: itemIndex,
+          index: itemIndex
         };
-        const headerItemHeader = tab.querySelector("bcm-tab-item-header");
+        const headerItemHeader = tab.querySelector('bcm-tab-item-header');
         if (headerItemHeader) {
           header.content = headerItemHeader.innerHTML;
-          headerItemHeader.classList.add("tw-hidden");
+          headerItemHeader.classList.add('tw-hidden');
         }
         else {
-          header.content = tab.getAttribute("label") || `Tab ${itemIndex}`;
+          header.content = tab.getAttribute('label') || `Tab ${itemIndex}`;
         }
         if (itemActive) {
-          tab.setAttribute("active", "");
-          tab.classList.add("tw-block");
-          tab.classList.remove("tw-hidden");
+          tab.setAttribute('active', '');
+          tab.classList.add('tw-block');
+          tab.classList.remove('tw-hidden');
           this.active = itemIndex.toString();
         }
         else {
-          tab.removeAttribute("active");
-          tab.classList.remove("tw-block");
-          tab.classList.add("tw-hidden");
+          tab.removeAttribute('active');
+          tab.classList.remove('tw-block');
+          tab.classList.add('tw-hidden');
         }
         this.headerItems.push(header);
       });
       const isHasActiveTab = this.headerItems.some(tab => tab.active);
       if (!isHasActiveTab) {
         this.headerItems[0].active = true;
-        this.tabItems()[0].setAttribute("active", "");
-        this.tabItems()[0].classList.add("tw-block");
-        this.tabItems()[0].classList.remove("tw-hidden");
+        this.tabItems()[0].setAttribute('active', '');
+        this.tabItems()[0].classList.add('tw-block');
+        this.tabItems()[0].classList.remove('tw-hidden');
       }
     }
   }
   tabItems() {
-    return generate.snq(() => this.el.querySelectorAll("bcm-tab-item"), []);
+    return generate.snq(() => this.el.querySelectorAll('bcm-tab-item'), []);
   }
   handleTabClick(index$1) {
     this.headerItems.forEach(tab => {
@@ -89,19 +89,19 @@ const BcmTabGroup = class {
     });
     this.headerItems[index$1 - 1].active = true;
     this.active = index$1.toString();
-    const tabItems = this.el.querySelectorAll("bcm-tab-item");
+    const tabItems = this.el.querySelectorAll('bcm-tab-item');
     if (tabItems) {
       tabItems.forEach(tab => {
-        const tabIndex = tab.getAttribute("index");
+        const tabIndex = tab.getAttribute('index');
         if (tabIndex == this.active) {
-          tab.setAttribute("active", "");
-          tab.classList.add("tw-block");
-          tab.classList.remove("tw-hidden");
+          tab.setAttribute('active', '');
+          tab.classList.add('tw-block');
+          tab.classList.remove('tw-hidden');
         }
         else {
-          tab.removeAttribute("active");
-          tab.classList.remove("tw-block");
-          tab.classList.add("tw-hidden");
+          tab.removeAttribute('active');
+          tab.classList.remove('tw-block');
+          tab.classList.add('tw-hidden');
         }
       });
     }
@@ -118,14 +118,14 @@ const BcmTabGroup = class {
     }
   }
   inkBarControl() {
-    const inkBar = this.el.querySelector("#ink-bar");
+    const inkBar = this.el.querySelector('#ink-bar');
     if (inkBar) {
-      const tabHeaderItems = this.el.querySelectorAll("bcm-tab-item-header");
+      const tabHeaderItems = this.el.querySelectorAll('bcm-tab-item-header');
       if (tabHeaderItems) {
         tabHeaderItems.forEach((tab) => {
-          const tabIndex = tab.getAttribute("index");
+          const tabIndex = tab.getAttribute('index');
           if (tabIndex == this.active) {
-            inkBar.style.width = tab.offsetWidth + "px";
+            inkBar.style.width = tab.offsetWidth + 'px';
             // inkBar.style.top = tab.offsetHeight + 'px';
             inkBar.style.transform = `translateX(${tab.offsetLeft}px)`;
           }
@@ -138,30 +138,30 @@ const BcmTabGroup = class {
     let fontSize, padding, gap;
     switch (size) {
       case bcm.Bcm.Size.small:
-        fontSize = "2";
-        padding = "1";
-        gap = "2";
+        fontSize = '2';
+        padding = '1';
+        gap = '2';
         break;
       case bcm.Bcm.Size.medium:
-        fontSize = "3";
-        padding = "2";
-        gap = "3";
+        fontSize = '3';
+        padding = '2';
+        gap = '3';
         break;
       case bcm.Bcm.Size.large:
-        fontSize = "4";
-        padding = "3";
-        gap = "4";
+        fontSize = '4';
+        padding = '3';
+        gap = '4';
         break;
       default:
-        fontSize = "3";
-        padding = "2";
-        gap = "3";
+        fontSize = '3';
+        padding = '2';
+        gap = '3';
         break;
     }
     const disabledClass = "tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50";
-    return (index.h(index.Host, { class: "tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans" }, index.h("div", { class: `tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between tw-mb-${padding} tw-relative` }, this.headerItems.map(item => (index.h("bcm-tab-item-header", { tabIndex: "1", class: index$1.classnames(`tw-text-${fontSize} tw-py-${padding} tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-all tw-gap-${gap} tw-focus:outline-none`, item.disabled ? disabledClass : "tw-cursor-pointer", item.active
+    return (index.h(index.Host, { class: "tw-font-sans tw-w-full tw-flex tw-flex-col tw-items-center" }, index.h("div", { class: `tw-w-full tw-flex tw-flex-row tw-items-end tw-justify-between tw-mb-${padding} tw-relative` }, this.headerItems.map(item => (index.h("bcm-tab-item-header", { tabIndex: "1", class: index$1.classnames(`tw-text-${fontSize} tw-py-${padding} tw-transition-all tw-flex-1 tw-flex tw-items-center tw-justify-center tw-border-b-[2px]  tw-border-b-slate-300 tw-gap-${gap} tw-focus:outline-none`, item.disabled ? disabledClass : 'tw-cursor-pointer', item.active
         ? `tw-text-${color}-500 enabled:hover:tw-text-${color}-600 enabled:active:tw-text-${color}-700 enabled:focus-visible:tw-text-${color}-800`
-        : "tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"), active: item.active, disabled: item.disabled, index: item.index, innerHTML: item.content, onClick: () => !item.disabled && this.handleTabClick(item.index) }))), index.h("div", { id: "ink-bar", class: `tw-bg-${color}-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform` })), index.h("slot", null)));
+        : "tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:active:tw-text-slate-600 enabled:focus-visible:tw-text-slate-700"), active: item.active, disabled: item.disabled, index: item.index, innerHTML: item.content, onClick: () => !item.disabled && this.handleTabClick(item.index) }))), index.h("div", { id: "ink-bar", class: `tw-bg-${color}-500 tw-h-[2px] tw-rounded-sm tw-mt-[-2px] tw-absolute tw-bottom-0 tw-left-0 tw-transition-transform` })), index.h("slot", null)));
   }
   get el() { return index.getElement(this); }
 };

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-b4a2fb85.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const index = require('./index-fdbf5226.js');
-const numberHelper = require('./number-helper-fa69ea24.js');
+const numberHelper = require('./number-helper-4cfa88f0.js');
 const utils = require('./utils-fc077139.js');
 const colors = require('./colors-56282b00.js');
 const types = require('./types-6eb7e028.js');

package/dist/cjs/bcm-textarea.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const captionTemplate = require('./caption-template-1b6b0819.js');
-const inputTemplate = require('./input-template-82b06cc3.js');
+const inputTemplate = require('./input-template-da75023a.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./types-cc4adee7.js');

package/dist/cjs/bcm-time-picker.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b4a2fb85.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/{generate-43262f69.js → generate-62c3a20c.js}

@@ -24,7 +24,7 @@ exports.TypeProps = void 0;
   TypeProps["basic"] = "basic";
 })(exports.TypeProps || (exports.TypeProps = {}));
 
-const version = "2.8.0-rc.10-f";
+const version = "2.8.0-rc.10-g";
 
 function snq(callback, defaultValue) {
     try {

package/dist/cjs/{input-template-82b06cc3.js → input-template-da75023a.js}

@@ -8,7 +8,7 @@ const index$1 = require('./index-b4a2fb85.js');
 const types = require('./types-cc4adee7.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const index = require('./index-fdbf5226.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 
 const InputTemplate = ({ elementType, 
 //textarea

package/dist/cjs/{json-parse-decarator-9bc2ee93.js → json-parse-decarator-935df068.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 const index = require('./index-b4a2fb85.js');
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 
 function JsonParse(attribute, isMethod = false) {
   return (proto, propName) => {

package/dist/cjs/{number-helper-fa69ea24.js → number-helper-4cfa88f0.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-43262f69.js');
+const generate = require('./generate-62c3a20c.js');
 
 class NumberHelper {
 }

package/dist/cjs/old-bcm-popover-box.cjs.entry.js

@@ -12,8 +12,8 @@ const popoverPlacement = require('./popover-placement-dd87671c.js');
 const floatingUi = require('./floating-ui-ded9c11f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-888172a8.js');
-const generate = require('./generate-43262f69.js');
-const numberHelper = require('./number-helper-fa69ea24.js');
+const generate = require('./generate-62c3a20c.js');
+const numberHelper = require('./number-helper-4cfa88f0.js');
 const stringHelper = require('./string-helper-a54773f3.js');
 require('./utils-fc077139.js');
 require('./bcm-2c51bf0c.js');