bromcom-ui 2.8.1-rc.9 → 2.8.1

package/dist/cjs/bcm-tab-item-header.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 require('./color-helper-d6d2028b.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-cf48ed2d.js');
-require('./number-helper-453e02ee.js');
+const generate = require('./generate-21143214.js');
+require('./number-helper-08a7ff70.js');
 require('./string-helper-45cffee0.js');
-require('./validators-2fcf98d3.js');
+require('./validators-6a0077a8.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-634604e3.js');
 const index$1 = require('./index-fdbf5226.js');

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

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 require('./color-helper-d6d2028b.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-cf48ed2d.js');
-require('./number-helper-453e02ee.js');
+const generate = require('./generate-21143214.js');
+require('./number-helper-08a7ff70.js');
 require('./string-helper-45cffee0.js');
-require('./validators-2fcf98d3.js');
+require('./validators-6a0077a8.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-634604e3.js');
 require('./colors-56282b00.js');

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

@@ -7,10 +7,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-ddfd6d8f.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 const bcm = require('./bcm-634604e3.js');
 const index = require('./index-fdbf5226.js');
-const numberHelper = require('./number-helper-453e02ee.js');
+const numberHelper = require('./number-helper-08a7ff70.js');
 const utils = require('./utils-fc077139.js');
 const colors = require('./colors-56282b00.js');
 const types = require('./types-7523fd99.js');

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

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 const bcm = require('./bcm-634604e3.js');
 const captionTemplate = require('./caption-template-8d099fd6.js');
-const inputTemplate = require('./input-template-129e6e5b.js');
+const inputTemplate = require('./input-template-4617f909.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-e1d142ad.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 const bcm = require('./bcm-634604e3.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 const bcm = require('./bcm-634604e3.js');
 const utils = require('./utils-fc077139.js');

package/dist/cjs/{generate-cf48ed2d.js → generate-21143214.js}

@@ -26,7 +26,7 @@ exports.TypeProps = void 0;
   TypeProps["basic"] = "basic";
 })(exports.TypeProps || (exports.TypeProps = {}));
 
-const version = "2.8.1-rc.9";
+const version = "2.8.1";
 
 function snq(callback, defaultValue) {
     try {

package/dist/cjs/{input-template-129e6e5b.js → input-template-4617f909.js}

@@ -8,7 +8,7 @@ const index$1 = require('./index-ddfd6d8f.js');
 const types = require('./types-cc4adee7.js');
 const bcm = require('./bcm-634604e3.js');
 const index = require('./index-fdbf5226.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 
 const InputTemplate = ({ elementType, 
 //textarea

package/dist/cjs/{json-parse-decarator-f0554ad2.js → json-parse-decarator-8dbf0b0e.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 
 function JsonParse(attribute, isMethod = false) {
   return (proto, propName) => {

package/dist/cjs/{number-helper-453e02ee.js → number-helper-08a7ff70.js}

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

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

@@ -11,8 +11,8 @@ require('./element-dragger-a8562f82.js');
 const popoverPlacement = require('./popover-placement-3c8f3a72.js');
 const floatingUi = require('./floating-ui-74eb26d6.js');
 const index$1 = require('./index-fdbf5226.js');
-const generate = require('./generate-cf48ed2d.js');
-const numberHelper = require('./number-helper-453e02ee.js');
+const generate = require('./generate-21143214.js');
+const numberHelper = require('./number-helper-08a7ff70.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 require('./utils-fc077139.js');
 require('./bcm-634604e3.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const bcm = require('./bcm-634604e3.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-e1d142ad.js');
 

package/dist/cjs/{stepper-states-3082dce8.js → stepper-states-9b6818aa.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 const index = require('./index-4506fcd7.js');
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 const index$1 = require('./index-ddfd6d8f.js');
 
 const { state } = index.createStore({

package/dist/cjs/{tooltip-helper-748b4ab6.js → tooltip-helper-2e8b879b.js}

@@ -10,9 +10,9 @@ const utils = require('./utils-fc077139.js');
 const floatingUi = require('./floating-ui-74eb26d6.js');
 const colorHelper = require('./color-helper-d6d2028b.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-cf48ed2d.js');
-require('./number-helper-453e02ee.js');
-require('./validators-2fcf98d3.js');
+const generate = require('./generate-21143214.js');
+require('./number-helper-08a7ff70.js');
+require('./validators-6a0077a8.js');
 const bcm = require('./bcm-634604e3.js');
 
 class Tooltip {

package/dist/cjs/{validators-2fcf98d3.js → validators-6a0077a8.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-cf48ed2d.js');
+const generate = require('./generate-21143214.js');
 
 class Validators {
 }

package/dist/collection/components/molecules/linked/linked.js

@@ -45,11 +45,11 @@ export class BcmLinked {
   }
   calculatePosition() {
     const el = this.el;
-    if (el && this.target() && this.htmlContent) {
+    if (el && this.target()) {
       if (this.isOpen) {
         FloatingUI({
           ref: this.target(),
-          floating: this.htmlContent,
+          floating: el,
           placement: this.placement,
           offset: 4,
           autoHidden: el.getAttribute("main-linked") === "true" ? false : true,
@@ -81,18 +81,7 @@ export class BcmLinked {
     }
   }
   componentDidLoad() {
-    this.htmlContent = this.el.querySelector(".linked-content");
     this.init();
-    this.updateBody();
-  }
-  updateBody() {
-    const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
-    if (this.isOpen) {
-      bcmOverlayContainer.appendChild(this.htmlContent);
-    }
-    else {
-      this.htmlContent.remove();
-    }
   }
   triggerWatch(newValue) {
     if (newValue === Bcm.TriggerType.hover) {
@@ -100,7 +89,6 @@ export class BcmLinked {
     }
   }
   watchIsOpen() {
-    this.updateBody();
     this.bcmOpen.emit(this.isOpen);
   }
   onLinkedDataDismis() {
@@ -115,7 +103,8 @@ export class BcmLinked {
     wait && (await delay(50));
     const target = this.target();
     if (target) {
-      // document.body.appendChild(this.el);
+      const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
+      bcmOverlayContainer.appendChild(this.el);
       target.setAttribute("linked-is-open", "true");
       this.isOpen = true;
       this.calculatePosition();
@@ -145,7 +134,7 @@ export class BcmLinked {
     if (this.trigger === Bcm.TriggerType.hover)
       return;
     const isTarget = Generate.findEventPath(e, this.target());
-    const isSelf = Generate.findEventPath(e, this.htmlContent);
+    const isSelf = Generate.findEventPath(e, this.el);
     const isLinked = Generate.findEventPathWithNodeName(e, "BCM-LINKED");
     if (!isTarget && !isSelf && !isLinked) {
       this.hide();
@@ -194,7 +183,7 @@ export class BcmLinked {
   }
   render() {
     const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
-    return (h(Host, { class: "tw-hidden" }, h("div", { class: "linked-content tw-invisible tw-absolute tw-left-0 tw-top-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))));
+    return (h(Host, { class: "tw-invisible tw-absolute tw-left-0 tw-top-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)));
   }
   static get is() { return "bcm-linked"; }
   static get properties() {

package/dist/components/generate.js

@@ -25,7 +25,7 @@ var TypeProps;
   TypeProps["basic"] = "basic";
 })(TypeProps || (TypeProps = {}));
 
-const version = "2.8.1-rc.9";
+const version = "2.8.1";
 
 function snq(callback, defaultValue) {
     try {

package/dist/components/linked.js

@@ -55,11 +55,11 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   calculatePosition() {
     const el = this.el;
-    if (el && this.target() && this.htmlContent) {
+    if (el && this.target()) {
       if (this.isOpen) {
         FloatingUI({
           ref: this.target(),
-          floating: this.htmlContent,
+          floating: el,
           placement: this.placement,
           offset: 4,
           autoHidden: el.getAttribute("main-linked") === "true" ? false : true,
@@ -91,18 +91,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   componentDidLoad() {
-    this.htmlContent = this.el.querySelector(".linked-content");
     this.init();
-    this.updateBody();
-  }
-  updateBody() {
-    const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
-    if (this.isOpen) {
-      bcmOverlayContainer.appendChild(this.htmlContent);
-    }
-    else {
-      this.htmlContent.remove();
-    }
   }
   triggerWatch(newValue) {
     if (newValue === Bcm.TriggerType.hover) {
@@ -110,7 +99,6 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   watchIsOpen() {
-    this.updateBody();
     this.bcmOpen.emit(this.isOpen);
   }
   onLinkedDataDismis() {
@@ -125,7 +113,8 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     wait && (await delay(50));
     const target = this.target();
     if (target) {
-      // document.body.appendChild(this.el);
+      const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
+      bcmOverlayContainer.appendChild(this.el);
       target.setAttribute("linked-is-open", "true");
       this.isOpen = true;
       this.calculatePosition();
@@ -155,7 +144,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this.trigger === Bcm.TriggerType.hover)
       return;
     const isTarget = Generate.findEventPath(e, this.target());
-    const isSelf = Generate.findEventPath(e, this.htmlContent);
+    const isSelf = Generate.findEventPath(e, this.el);
     const isLinked = Generate.findEventPathWithNodeName(e, "BCM-LINKED");
     if (!isTarget && !isSelf && !isLinked) {
       this.hide();
@@ -204,7 +193,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   render() {
     const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
-    return (h(Host, { class: "tw-hidden" }, h("div", { class: "linked-content tw-invisible tw-absolute tw-left-0 tw-top-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))));
+    return (h(Host, { class: "tw-invisible tw-absolute tw-left-0 tw-top-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)));
   }
   get el() { return this; }
   static get watchers() { return {

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';
 

package/dist/esm/bcm-alert.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-39133086.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-03cf1f82.js';
+import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-a39b1045.js';
 import { c as classnames } from './index-ed9652af.js';
 import { c as createStore } from './index-93e36fdb.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-03cf1f82.js';
-import { N as NumberHelper } from './number-helper-61c91978.js';
+import { G as Generate } from './generate-a39b1045.js';
+import { N as NumberHelper } from './number-helper-fa8e8000.js';
 import './string-helper-6bd24967.js';
-import './validators-c6a4a8ac.js';
+import './validators-dd70be40.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';

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-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.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-39133086.js';
-import { G as Generate, s as snq } from './generate-03cf1f82.js';
+import { G as Generate, s as snq } from './generate-a39b1045.js';
 import { B 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-button_7.entry.js

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-39133086.js';
-import { s as snq, G as Generate } from './generate-03cf1f82.js';
+import { s as snq, G as Generate } from './generate-a39b1045.js';
 import { B as Bcm, a as Bcm$1 } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';
 import { c as createStore } from './index-93e36fdb.js';
@@ -15,9 +15,9 @@ import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
 import { L as LabelTemplate } from './label-template-d74fe788.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import './datetime-helper-df25808a.js';
-import './number-helper-61c91978.js';
-import './validators-c6a4a8ac.js';
-import { T as Tooltip } from './tooltip-helper-a06cb0a2.js';
+import './number-helper-fa8e8000.js';
+import './validators-dd70be40.js';
+import { T as Tooltip } from './tooltip-helper-10b64c23.js';
 import './element-dragger-89bb52fd.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -5,7 +5,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { S as SlotTemplate } from './slot-template-5b2db362.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { c as getChilds, d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-chip.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-39133086.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
 import './colors-44c95e7e.js';

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-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-03cf1f82.js';
-import './number-helper-61c91978.js';
+import { G as Generate } from './generate-a39b1045.js';
+import './number-helper-fa8e8000.js';
 import './string-helper-6bd24967.js';
-import './validators-c6a4a8ac.js';
+import './validators-dd70be40.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';

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

@@ -7,10 +7,10 @@ import { r as react, a as reactDom } from './index-6310a048.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-3016b722.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-03cf1f82.js';
-import './number-helper-61c91978.js';
+import { G as Generate } from './generate-a39b1045.js';
+import './number-helper-fa8e8000.js';
 import './string-helper-6bd24967.js';
-import './validators-c6a4a8ac.js';
+import './validators-dd70be40.js';
 import './element-dragger-89bb52fd.js';
 import { d as delay } from './utils-57652744.js';
 import { F as FloatingUI } from './floating-ui-e7341329.js';
@@ -17273,11 +17273,11 @@ const BcmLinked = class {
   }
   calculatePosition() {
     const el = this.el;
-    if (el && this.target() && this.htmlContent) {
+    if (el && this.target()) {
       if (this.isOpen) {
         FloatingUI({
           ref: this.target(),
-          floating: this.htmlContent,
+          floating: el,
           placement: this.placement,
           offset: 4,
           autoHidden: el.getAttribute("main-linked") === "true" ? false : true,
@@ -17309,18 +17309,7 @@ const BcmLinked = class {
     }
   }
   componentDidLoad() {
-    this.htmlContent = this.el.querySelector(".linked-content");
     this.init();
-    this.updateBody();
-  }
-  updateBody() {
-    const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
-    if (this.isOpen) {
-      bcmOverlayContainer.appendChild(this.htmlContent);
-    }
-    else {
-      this.htmlContent.remove();
-    }
   }
   triggerWatch(newValue) {
     if (newValue === Bcm.TriggerType.hover) {
@@ -17328,7 +17317,6 @@ const BcmLinked = class {
     }
   }
   watchIsOpen() {
-    this.updateBody();
     this.bcmOpen.emit(this.isOpen);
   }
   onLinkedDataDismis() {
@@ -17343,7 +17331,8 @@ const BcmLinked = class {
     wait && (await delay(50));
     const target = this.target();
     if (target) {
-      // document.body.appendChild(this.el);
+      const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
+      bcmOverlayContainer.appendChild(this.el);
       target.setAttribute("linked-is-open", "true");
       this.isOpen = true;
       this.calculatePosition();
@@ -17373,7 +17362,7 @@ const BcmLinked = class {
     if (this.trigger === Bcm.TriggerType.hover)
       return;
     const isTarget = Generate.findEventPath(e, this.target());
-    const isSelf = Generate.findEventPath(e, this.htmlContent);
+    const isSelf = Generate.findEventPath(e, this.el);
     const isLinked = Generate.findEventPathWithNodeName(e, "BCM-LINKED");
     if (!isTarget && !isSelf && !isLinked) {
       this.hide();
@@ -17422,7 +17411,7 @@ const BcmLinked = class {
   }
   render() {
     const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
-    return (h$1(Host, { class: "tw-hidden" }, h$1("div", { class: "linked-content tw-invisible tw-absolute tw-left-0 tw-top-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$1("slot", null))));
+    return (h$1(Host, { class: "tw-invisible tw-absolute tw-left-0 tw-top-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$1("slot", null)));
   }
   get el() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/bcm-date-picker.entry.js

@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-39
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-datetime-picker.entry.js

@@ -7,7 +7,7 @@ import { D as DragDirections, E as ElementDragger } from './element-dragger-89bb
 import { c as classnames } from './index-ed9652af.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
 import { d as delay } from './utils-57652744.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
 import { L as LabelTemplate } from './label-template-d74fe788.js';

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import './colors-44c95e7e.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-03cf1f82.js';
-import './number-helper-61c91978.js';
+import { G as Generate } from './generate-a39b1045.js';
+import './number-helper-fa8e8000.js';
 import './string-helper-6bd24967.js';
-import './validators-c6a4a8ac.js';
+import './validators-dd70be40.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';

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

@@ -5,8 +5,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { J as JsonParse } from './json-parse-decarator-699aaeeb.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { J as JsonParse } from './json-parse-decarator-b1ceb8c8.js';
+import { G as Generate } from './generate-a39b1045.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';

package/dist/esm/bcm-expansion-panel.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-39133086.js';
-import { G as Generate } from './generate-03cf1f82.js';
+import { G as Generate } from './generate-a39b1045.js';
 import { c as classnames } from './index-ed9652af.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate, s as snq } from './generate-03cf1f82.js';
+import { G as Generate, s as snq } from './generate-a39b1045.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './colors-44c95e7e.js';