bromcom-ui 2.8.0-rc.11 → 2.8.0-rc.13

package/dist/collection/components/other/toast/toast.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from "@stencil/core";
 import cs from "classnames";
-import { IsLoad } from "../../../decorators/is-load-decorator";
 import { Generate } from "../../../helper/generate";
 import { StringHelper } from "../../../helper/string-helper";
 import Bcm from "../../../models/bcm";
@@ -360,6 +349,3 @@ export class BcmToast {
   }
   static get elementRef() { return "el"; }
 }
-__decorate([
-  IsLoad()
-], BcmToast.prototype, "el", void 0);

package/dist/collection/components/other/typography/typography.js

@@ -2,17 +2,6 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { IsLoad } from '@bcm/decorator';
 import { h, Host } from '@stencil/core';
 export class BcmTypography {
   render() {
@@ -21,6 +10,3 @@ export class BcmTypography {
   static get is() { return "bcm-typography"; }
   static get elementRef() { return "el"; }
 }
-__decorate([
-  IsLoad()
-], BcmTypography.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/collapse/collapse.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { Generate } from '../../../helper/generate';
 export class BcmCollapse {
   constructor() {
@@ -164,6 +153,3 @@ export class BcmCollapse {
   }
   static get elementRef() { return "el"; }
 }
-__decorate([
-  IsLoad()
-], BcmCollapse.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/collapse/group.js

@@ -2,18 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { getChildElements } from '../../../utils/utils';
 export class BcmCollapseGroup {
   constructor() {
@@ -130,6 +119,3 @@ export class BcmCollapseGroup {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmCollapseGroup.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/colorpicker/colorpicker.js

@@ -2,20 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host, getAssetPath } from '@stencil/core';
 import { ElementDragger, DragDirections } from '../../../utils/element-dragger';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 export class BcmColorPicker {
   constructor() {
     this.initialized = false;
@@ -761,6 +750,3 @@ export class BcmColorPicker {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmColorPicker.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/listbox/listbox.js

@@ -2,20 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import { delay, getChilds } from '../../../utils/utils';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 /**
  * @desc
  * @param str
@@ -1990,6 +1979,3 @@ export class BcmListbox {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmListbox.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/old-input/old-input.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { CaptionTemplate } from '../../../templates/caption-template';
 import { delay } from '../../../utils/utils';
 let id = 0;
@@ -1160,6 +1149,3 @@ export class BcmOldInput {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmOldInput.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/old-popover/old-popover-box.js

@@ -2,20 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { FloatingUI } from '@bcm/utils';
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { Generate } from '../../../helper/generate';
 import { NumberHelper } from '../../../helper/number-helper';
 import { StringHelper } from '../../../helper/string-helper';
@@ -435,6 +424,3 @@ export class OldBcmPopoverBox {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], OldBcmPopoverBox.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/old-popover/old-popover.js

@@ -2,21 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
 import Bcm from '../../../models/bcm';
 import { Generate } from '../../../helper/generate';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 export class OldBcmPopover {
   constructor() {
     this._title = undefined;
@@ -303,6 +292,3 @@ export class OldBcmPopover {
   }
   static get elementRef() { return "el"; }
 }
-__decorate([
-  IsLoad()
-], OldBcmPopover.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/old-search/old-search.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 const lowercase = (str) => str.toLowerCase();
 export class BcmOldSearch {
   constructor() {
@@ -510,6 +499,3 @@ export class BcmOldSearch {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmOldSearch.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/old-tag/old-tag.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { ColorPalette } from '../../../global/variables/colors';
 import { extractColor } from '../../../utils/utils';
 import { ColorProps } from './types';
@@ -327,6 +316,3 @@ export class BcmOldTag {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmOldTag.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/select/select.js

@@ -2,21 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
 import { StringHelper } from '../../../helper/string-helper';
 import { dropInComponent } from '../../../utils/utils';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 /**
  * @desc
  * @param str
@@ -2279,6 +2268,3 @@ export class BcmSelect {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmSelect.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/tabs/tab-pane.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 /**
  * @desc
  * @param str
@@ -173,6 +162,3 @@ export class BcmTabPane {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmTabPane.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/tabs/tab.js

@@ -2,20 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import { TypeProps } from './types';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 export class BcmTab {
   constructor() {
     this.type = TypeProps.normal;
@@ -301,6 +290,3 @@ export class BcmTab {
   }
   static get elementRef() { return "el"; }
 }
-__decorate([
-  IsLoad()
-], BcmTab.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/tabs/tabs-content.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { getChilds } from '../../../utils/utils';
 import { TypeProps } from './types';
 export class BcmTabsContent {
@@ -152,6 +141,3 @@ export class BcmTabsContent {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmTabsContent.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/tabs/tabs.js

@@ -2,21 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, forceUpdate, Host } from '@stencil/core';
 import { DirectionProps, SizeProps, TypeProps } from './types';
 import { delay, getChilds } from '../../../utils/utils';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 export class BcmTabs {
   constructor() {
     /**
@@ -813,6 +802,3 @@ export class BcmTabs {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmTabs.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/tag/tag.js

@@ -2,18 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h } from '@stencil/core';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { Generate } from '../../../helper/generate';
 import Bcm from '../../../models/bcm';
 import { TagTemplate } from '../../../templates/tag-template';
@@ -342,6 +331,3 @@ export class BcmTag {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], BcmTag.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/text/text.js

@@ -2,19 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 import { ColorHelper } from '../../../helper/color-helper';
 import { SlotTemplate } from '../../../templates/slot-template';
 export class BcmText {
@@ -162,6 +151,3 @@ export class BcmText {
   }
   static get elementRef() { return "el"; }
 }
-__decorate([
-  IsLoad()
-], BcmText.prototype, "el", void 0);

package/dist/collection/components/other_deprecated/treeview/treeview.js

@@ -2,20 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { h, Host } from '@stencil/core';
 import { getChilds } from '../../../utils/utils';
 import cs from 'classnames';
-import { IsLoad } from '../../../decorators/is-load-decorator';
 /**
  * @desc
  * @param str
@@ -1702,6 +1691,3 @@ export class Bcmtreeview {
       }];
   }
 }
-__decorate([
-  IsLoad()
-], Bcmtreeview.prototype, "el", void 0);

package/dist/collection/helper/generate.js

@@ -24,23 +24,6 @@ if (isAllowedDomain()) {
   }
 })();
 export class Generate {
-  static observeElementRemoval(element, callback) {
-    const observer = new MutationObserver((mutationsList, observer) => {
-      for (const mutation of mutationsList) {
-        if (mutation.type === "childList") {
-          const removedNodes = Array.from(mutation.removedNodes);
-          for (const removedNode of removedNodes) {
-            if (removedNode === element) {
-              callback();
-              observer.disconnect();
-              return;
-            }
-          }
-        }
-      }
-    });
-    observer.observe(document.documentElement, { childList: true, subtree: true });
-  }
   static getTwColor(color, variable = "--bcm-color-default") {
     if (!color || !colors[color]) {
       return false;

package/dist/collection/helper/popover-helper.js

@@ -130,6 +130,5 @@ export class Popover {
     this.closeDelay = closeDelay;
     this.emitShow = emitShow;
     this.emitHide = emitHide;
-    Generate.observeElementRemoval(document.getElementById(this.targetId), this.destroy.bind(this));
   }
 }

package/dist/collection/helper/tooltip-helper.js

@@ -134,6 +134,5 @@ export class Tooltip {
     this.closeDelay = closeDelay;
     this.emitShow = emitShow;
     this.emitHide = emitHide;
-    Generate.observeElementRemoval(document.getElementById(this.targetId), this.destroy.bind(this));
   }
 }

package/dist/components/avatar.js

@@ -3,7 +3,6 @@
  * Copyright (c) Bromcom.
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { I as IsLoad } from './is-load-decorator.js';
 import { C as ColorHelper } from './color-helper.js';
 import './validators.js';
 import { G as Generate } from './generate.js';
@@ -17,16 +16,6 @@ import { d as defineCustomElement$1 } from './icon.js';
 
 const avatarCss = "@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-avatar{--bcm-avatar-color:var(--bcm-new-ds-color-slate-600);--bcm-avatar-background-color:var(--bcm-new-ds-color-slate-100);--prefix-height:40px;--prefix-font-size:font-size(2);font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;background-color:var(--bcm-avatar-background-color);color:var(--bcm-avatar-color);text-transform:uppercase}.bcm-avatar.hidden{display:none}.bcm-avatar img{width:100%;height:100%}.bcm-avatar__shape-ellipse,.bcm-avatar__shape-ellipse>img{border-radius:100px}.bcm-avatar__shape-square,.bcm-avatar__shape-square>img{border-radius:4px}.bcm-avatar__shape-ellipse .bcm-badge{top:0px;right:0px}.bcm-avatar__shape-square .bcm-badge{top:-2px;right:-2px}.bcm-avatar__size-small{font-size:10px;line-height:calc(10px + 8px);height:24px;width:24px}.bcm-avatar__size-medium{font-size:12px;line-height:calc(12px + 8px);height:32px;width:32px}.bcm-avatar__size-large{font-size:14px;line-height:calc(14px + 8px);height:40px;width:40px}.bcm-avatar__size-custom{font-size:var(--bcm-avatar-font-size);line-height:calc(var(--bcm-avatar-font-size) + 8px);height:var(--bcm-avatar-height);width:var(--bcm-avatar-height)}.bcm-avatar__status{position:relative}.bcm-avatar__status .bcm-badge{position:absolute}";
 
-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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 const BcmAvatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -99,9 +88,6 @@ const BcmAvatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "status": [1025],
     "isFallback": [32]
   }]);
-__decorate([
-  IsLoad()
-], BcmAvatar.prototype, "el", void 0);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/badge.js

@@ -8,20 +8,9 @@ import { a as Bcm } from './bcm.js';
 import { G as Generate } from './generate.js';
 import { S as SlotTemplate } from './slot-template.js';
 import { C as ColorHelper } from './color-helper.js';
-import { I as IsLoad } from './is-load-decorator.js';
 
 const badgeCss = "@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-badge{--bcm-badge-color:var(--bcm-new-ds-color-white);--bcm-badge-background-color:var(--bcm-new-ds-color-slate-400);--bcm-badge-spacing:4px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-badge.hidden{display:none}.bcm-badge span:empty{display:none}.bcm-badge__dot{color:var(--bcm-badge-color);background-color:var(--bcm-badge-background-color);display:inline-block;border-radius:100px;position:relative}.bcm-badge__dot-text{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 var(--bcm-badge-spacing);z-index:2;color:var(--bcm-badge-color)}.bcm-badge__dot-size-small{font-size:10px;line-height:calc(10px + 8px);min-width:6px;min-height:6px}.bcm-badge__dot-size-small .bcm-badge__dot-text{min-width:calc(10px + 8px)}.bcm-badge__dot-size-medium{font-size:12px;line-height:calc(12px + 8px);min-width:8px;min-height:8px}.bcm-badge__dot-size-medium .bcm-badge__dot-text{min-width:calc(12px + 8px)}.bcm-badge__dot-size-large{font-size:14px;line-height:calc(14px + 8px);min-width:10px;min-height:10px}.bcm-badge__dot-size-large .bcm-badge__dot-text{min-width:calc(14px + 8px)}.bcm-badge__dot-blink{position:relative;z-index:1}.bcm-badge__dot-blink:after{content:\"\";position:absolute;z-index:-1;top:0;left:0;background:var(--bcm-badge-background-color);border-radius:100px;opacity:0.7;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);transform:scale(1);width:100%;height:100%}.bcm-badge__dot:after{background-color:var(--bcm-badge-background-color);animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--bcm-badge-background-color)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}";
 
-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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 const BcmBadge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -79,9 +68,6 @@ const BcmBadge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "status": [1025],
     "_slot": [1032, "slot"]
   }]);
-__decorate([
-  IsLoad()
-], BcmBadge.prototype, "el", void 0);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;