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

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

@@ -3,13 +3,13 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-85cce099.js';
-import { G as Generate } from './generate-b0bd116a.js';
-import { N as NumberHelper } from './number-helper-c6129a13.js';
+import { G as Generate } from './generate-e03db45c.js';
+import { N as NumberHelper } from './number-helper-3c965a72.js';
 import { S as StringHelper } from './string-helper-8793366d.js';
-import { V as Validators } from './validators-ae61406d.js';
+import { V as Validators } from './validators-827e76f0.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { C as CaptionTemplate } from './caption-template-ced0e2ef.js';
-import { I as InputTemplate } from './input-template-46ef248f.js';
+import { I as InputTemplate } from './input-template-3e2dfbe2.js';
 import { c as classnames } from './index-ed9652af.js';
 import { d as delay } from './utils-57652744.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-85cce099.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-cb1cfc1e.js';

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-85cce099.js';
-import { G as Generate, s as snq } from './generate-b0bd116a.js';
+import { G as Generate, s as snq } from './generate-e03db45c.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { S as StringHelper } from './string-helper-8793366d.js';
 import './bcm-b8d8a236.js';

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

@@ -5,15 +5,15 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-85cce099.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { B as Bcm, a as Bcm$1 } from './bcm-b8d8a236.js';
 import { L as LabelTemplate } from './label-template-4f474794.js';
 import './color-helper-cb1cfc1e.js';
 import './datetime-helper-df25808a.js';
-import './number-helper-c6129a13.js';
+import './number-helper-3c965a72.js';
 import './string-helper-8793366d.js';
-import './validators-ae61406d.js';
-import { T as Tooltip } from './tooltip-helper-8bae18d3.js';
+import './validators-827e76f0.js';
+import { T as Tooltip } from './tooltip-helper-3e7c4148.js';
 import './element-dragger-89bb52fd.js';
 import './_commonjsHelpers-3016b722.js';
 import './slot-template-97e4665e.js';
@@ -73,11 +73,11 @@ const BcmTooltip = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this._id = Generate.UID();
-    this.message = "";
+    this.message = '';
     this.placement = Bcm$1.Placement.top;
     this.trigger = Bcm$1.TriggerType.click;
     this.open = false;
-    this.color = "slate";
+    this.color = 'slate';
     this.tooltip = new Tooltip({
       targetId: this._id,
       message: this.message,
@@ -106,7 +106,7 @@ const BcmTooltip = class {
     this.tooltip.toggle();
   }
   render() {
-    return (h(Host, { "aria-describedby": "tooltip", tabindex: "-1", class: "tw-inline-flex tw-h-fit tw-w-fit" }, h("slot", null)));
+    return (h(Host, { "aria-describedby": "tooltip", tabindex: "-1", class: "tw-inline-flex tw-w-fit tw-h-fit" }, h("slot", null)));
   }
   get el() { return getElement(this); }
 };

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

@@ -10,12 +10,12 @@ import { d as delay } from './utils-57652744.js';
 import { F as FloatingUI } from './floating-ui-54c1f339.js';
 import './color-helper-cb1cfc1e.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-b0bd116a.js';
-import './number-helper-c6129a13.js';
-import './validators-ae61406d.js';
+import { G as Generate } from './generate-e03db45c.js';
+import './number-helper-3c965a72.js';
+import './validators-827e76f0.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { c as classnames } from './index-ed9652af.js';
-import { T as Tooltip } from './tooltip-helper-8bae18d3.js';
+import { T as Tooltip } from './tooltip-helper-3e7c4148.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';
 
@@ -34,12 +34,12 @@ const BcmLinked = class {
     registerInstance(this, hostRef);
     this.bcmOpen = createEvent(this, "bcm-open", 7);
     this._id = Generate.UID();
-    this.placement = Bcm.Placement["bottom-start"];
+    this.placement = Bcm.Placement['bottom-start'];
     this.trigger = Bcm.TriggerType.click;
-    this.targetId = "";
+    this.targetId = '';
     this.height = undefined;
     this.maxHeight = undefined;
-    this.minHeight = "50px";
+    this.minHeight = '50px';
     this.isOpen = false;
   }
   target() {
@@ -55,15 +55,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.findEventPathHasAttribute(e, "data-dismiss") && this.dismissEvent();
+    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() {
@@ -75,7 +75,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,
@@ -85,20 +85,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.getAncestor(target, "bcm-linked")) {
-        this.el.setAttribute("main-linked", "true");
+      target.setAttribute('is-linked', this.el.id);
+      if (!Generate.getAncestor(target, 'bcm-linked')) {
+        this.el.setAttribute('main-linked', 'true');
       }
       else {
-        this.el.removeAttribute("main-linked");
+        this.el.removeAttribute('main-linked');
       }
     }
   }
@@ -120,7 +120,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();
     }
@@ -133,7 +133,7 @@ const BcmLinked = class {
     wait && (await delay(50));
     const target = this.target();
     if (target) {
-      target.removeAttribute("linked-is-open");
+      target.removeAttribute('linked-is-open');
       this.hideChildLinked();
       this.isOpen = false;
     }
@@ -147,7 +147,7 @@ const BcmLinked = class {
       return;
     const isTarget = Generate.findEventPath(e, this.target());
     const isSelf = Generate.findEventPath(e, this.el);
-    const isLinked = Generate.findEventPathWithNodeName(e, "BCM-LINKED");
+    const isLinked = Generate.findEventPathWithNodeName(e, 'BCM-LINKED');
     if (!isTarget && !isSelf && !isLinked) {
       this.hide();
       this.bcmOpen.emit(this.isOpen);
@@ -156,7 +156,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();
       }
     }
@@ -177,8 +177,8 @@ const BcmLinked = class {
     this.bcmOpen.emit(this.isOpen);
   }
   render() {
-    const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
-    return (h(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" }) }, h("slot", null)));
+    const openStyle = this.isOpen ? { visibility: 'visible', opacity: '1' } : { visibility: 'hidden', opacity: '0' };
+    return (h(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' }) }, h("slot", null)));
   }
   get el() { return getElement(this); }
   static get watchers() { return {

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

@@ -4,13 +4,13 @@
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-85cce099.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { J as JsonParse } from './json-parse-decarator-012a2b54.js';
+import { J as JsonParse } from './json-parse-decarator-ba60b5d7.js';
 import './color-helper-cb1cfc1e.js';
 import './datetime-helper-df25808a.js';
-import { s as snq, G as Generate } from './generate-b0bd116a.js';
-import { N as NumberHelper } from './number-helper-c6129a13.js';
+import { s as snq, G as Generate } from './generate-e03db45c.js';
+import { N as NumberHelper } from './number-helper-3c965a72.js';
 import { S as StringHelper } from './string-helper-8793366d.js';
-import { V as Validators } from './validators-ae61406d.js';
+import { V as Validators } from './validators-827e76f0.js';
 import './element-dragger-89bb52fd.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-0e158c8b.js';
 import { p as pluralize, d as delay } from './utils-57652744.js';
@@ -21,7 +21,7 @@ import './types-6f06fa1a.js';
 import { L as LabelTemplate } from './label-template-4f474794.js';
 import './types-bfc3bba1.js';
 import { c as createStore } from './index-0f68d8f0.js';
-import { T as Tooltip } from './tooltip-helper-8bae18d3.js';
+import { T as Tooltip } from './tooltip-helper-3e7c4148.js';
 import './colors-1d7854ea.js';
 import './_commonjsHelpers-3016b722.js';
 import './slot-template-97e4665e.js';

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

@@ -7,7 +7,7 @@ import { c as classnames } from './index-ed9652af.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { S as StringHelper } from './string-helper-8793366d.js';
 import { S as SlotTemplate } from './slot-template-97e4665e.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -6,7 +6,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { C as ColorHelper } from './color-helper-cb1cfc1e.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { S as StringHelper } from './string-helper-8793366d.js';
 import { s as setPosition } from './popover-placement-0e158c8b.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-85cce099.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -6,10 +6,10 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-85
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { C as ColorHelper } from './color-helper-cb1cfc1e.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-b0bd116a.js';
-import './number-helper-c6129a13.js';
+import { G as Generate } from './generate-e03db45c.js';
+import './number-helper-3c965a72.js';
 import { S as StringHelper } from './string-helper-8793366d.js';
-import './validators-ae61406d.js';
+import './validators-827e76f0.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-b8d8a236.js';
 import { F as FloatingUI } from './floating-ui-54c1f339.js';
@@ -131,12 +131,12 @@ const BcmPopover = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this._id = Generate.UID();
-    this.message = "";
-    this.content = "";
+    this.message = '';
+    this.content = '';
     this.placement = Bcm.Placement.top;
     this.trigger = Bcm.TriggerType.click;
     this.open = false;
-    this.color = "white";
+    this.color = 'white';
     this.popover = new Popover({
       targetId: this._id,
       content: this.content,
@@ -168,7 +168,7 @@ const BcmPopover = class {
     this.popover.toggle();
   }
   render() {
-    return (h(Host, { "aria-describedby": "popover", tabindex: "-1", class: "tw-inline-flex tw-h-fit tw-w-fit" }, h("slot", null)));
+    return (h(Host, { "aria-describedby": "popover", tabindex: "-1", class: "tw-inline-flex tw-w-fit tw-h-fit" }, h("slot", null)));
   }
   get el() { return getElement(this); }
 };

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

@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-85
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { C as ColorHelper } from './color-helper-cb1cfc1e.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-85cce099.js';
 import { c as classnames } from './index-ed9652af.js';
-import { s as snq, G as Generate } from './generate-b0bd116a.js';
+import { s as snq, G as Generate } from './generate-e03db45c.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { C as CaptionTemplate } from './caption-template-ced0e2ef.js';

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

@@ -6,7 +6,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { C as ColorHelper } from './color-helper-cb1cfc1e.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { S as SlotTemplate } from './slot-template-97e4665e.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-85cce099.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { d as delay } from './utils-57652744.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';

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

@@ -4,9 +4,9 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-85cce099.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { s as snq, G as Generate } from './generate-b0bd116a.js';
+import { s as snq, G as Generate } from './generate-e03db45c.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
-import { I as InputTemplate } from './input-template-46ef248f.js';
+import { I as InputTemplate } from './input-template-3e2dfbe2.js';
 import { d as delay } from './utils-57652744.js';
 import { c as createStore } from './index-0f68d8f0.js';
 import { S as StringHelper } from './string-helper-8793366d.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, g as getElement } from './index-85cce099.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.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;
@@ -26,9 +26,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) {
@@ -39,9 +39,9 @@ const BcmSkeleton = class {
   }
   render() {
     const SkeletonAnimate = () => {
-      return (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" }, h("span", { class: "tw-hidden" }, h("slot", null)), h("div", { class: "tw-flex tw-animate-pulse tw-space-x-4" }, h("div", { class: "tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200" }), h("div", { class: "tw-flex-1 tw-space-y-6 tw-py-1" }, h("div", { class: "tw-h-2 tw-rounded tw-bg-slate-200" }), h("div", { class: "tw-space-y-3" }, h("div", { class: "tw-grid tw-grid-cols-3 tw-gap-4" }, h("div", { class: "tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200" }), h("div", { class: "tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200" })), h("div", { class: "tw-h-2 tw-rounded tw-bg-slate-200" }))))));
+      return (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" }, h("span", { class: "tw-hidden" }, h("slot", null)), h("div", { class: "tw-animate-pulse tw-flex tw-space-x-4" }, h("div", { class: "tw-rounded-full tw-bg-slate-200 tw-h-10 tw-w-10" }), h("div", { class: "tw-flex-1 tw-space-y-6 tw-py-1" }, h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded" }), h("div", { class: "tw-space-y-3" }, h("div", { class: "tw-grid tw-grid-cols-3 tw-gap-4" }, h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded tw-col-span-2" }), h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded tw-col-span-1" })), h("div", { class: "tw-h-2 tw-bg-slate-200 tw-rounded" }))))));
     };
-    return this.loading ? h(SkeletonAnimate, null) : h("slot", null);
+    return (this.loading ? h(SkeletonAnimate, null) : h("slot", null));
   }
   get el() { return getElement(this); }
 };

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

@@ -5,8 +5,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-85cce099.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { G as Generate } from './generate-b0bd116a.js';
-import { s as stepperStates } from './stepper-states-4e165709.js';
+import { G as Generate } from './generate-e03db45c.js';
+import { s as stepperStates } from './stepper-states-0837281e.js';
 import './_commonjsHelpers-3016b722.js';
 import './index-0f68d8f0.js';
 

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

@@ -4,11 +4,11 @@
  */
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-85cce099.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate, s as snq } from './generate-b0bd116a.js';
+import { G as Generate, s as snq } from './generate-e03db45c.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { g as getChildElements } from './utils-57652744.js';
-import { s as stepperStates } from './stepper-states-4e165709.js';
+import { s as stepperStates } from './stepper-states-0837281e.js';
 import './_commonjsHelpers-3016b722.js';
 import './index-0f68d8f0.js';
 

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

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-85cce099.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { G as Generate } from './generate-b0bd116a.js';
+import { G as Generate } from './generate-e03db45c.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { C as CaptionTemplate } from './caption-template-ced0e2ef.js';
 import { d as delay } from './utils-57652744.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-85cce099.js';
 import { I as IsLoad } from './is-load-decorator-87c09179.js';
-import { G as Generate, s as snq } from './generate-b0bd116a.js';
+import { G as Generate, s as snq } from './generate-e03db45c.js';
 import { c as classnames } from './index-ed9652af.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import './_commonjsHelpers-3016b722.js';
@@ -34,50 +34,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 snq(() => this.el.querySelectorAll("bcm-tab-item"), []);
+    return snq(() => this.el.querySelectorAll('bcm-tab-item'), []);
   }
   handleTabClick(index) {
     this.headerItems.forEach(tab => {
@@ -85,19 +85,19 @@ const BcmTabGroup = class {
     });
     this.headerItems[index - 1].active = true;
     this.active = index.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');
         }
       });
     }
@@ -114,14 +114,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)`;
           }
@@ -134,30 +134,30 @@ const BcmTabGroup = class {
     let fontSize, padding, gap;
     switch (size) {
       case Bcm.Size.small:
-        fontSize = "2";
-        padding = "1";
-        gap = "2";
+        fontSize = '2';
+        padding = '1';
+        gap = '2';
         break;
       case Bcm.Size.medium:
-        fontSize = "3";
-        padding = "2";
-        gap = "3";
+        fontSize = '3';
+        padding = '2';
+        gap = '3';
         break;
       case 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 (h(Host, { class: "tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans" }, 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 => (h("bcm-tab-item-header", { tabIndex: "1", class: 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 (h(Host, { class: "tw-font-sans tw-w-full tw-flex tw-flex-col tw-items-center" }, 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 => (h("bcm-tab-item-header", { tabIndex: "1", class: 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) }))), 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` })), 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) }))), 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` })), h("slot", null)));
   }
   get el() { return getElement(this); }
 };