bromcom-ui 2.7.37-rc.9 → 2.7.37

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

@@ -2,10 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-58077b32.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 import './_commonjsHelpers-3016b722.js';
 
 const breadcrumbCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";
@@ -24,6 +24,7 @@ const BcmBreadcrumb = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bcmBreadcrumb = createEvent(this, "bcm-breadcrumb-click", 7);
+    this.items = undefined;
     this.seperator = '/';
     this.hidden = false;
     this.isOpen = false;

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

@@ -2,10 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
-import { G as Generate, s as snq } from './generate-a7f3d168.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-58077b32.js';
+import { G as Generate, s as snq } from './generate-ba9e1f0b.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { S as StringHelper } from './string-helper-74a1648f.js';
 import './_commonjsHelpers-3016b722.js';
@@ -29,6 +29,8 @@ const BcmButtonGroup = class {
     this._id = Generate.UID();
     this.size = Bcm.Size.medium;
     this.type = 'button';
+    this.color = undefined;
+    this.disabled = undefined;
     this.direction = Bcm.Direction.horizontal;
   }
   componentWillLoad() {

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

@@ -2,14 +2,14 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-2a3eeccc.js';
-import { s as snq, G as Generate } from './generate-a7f3d168.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-58077b32.js';
+import { s as snq, G as Generate } from './generate-ba9e1f0b.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { c as createStore } from './index-6e950253.js';
-import { S as SlotTemplate } from './slot-template-877c4e01.js';
+import { c as createStore } from './index-6bdec00d.js';
+import { S as SlotTemplate } from './slot-template-aee2ff75.js';
 import { C as ColorHelper } from './color-helper-7e202fd8.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import { S as StringHelper } from './string-helper-74a1648f.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';
@@ -245,10 +245,16 @@ const BcmButton = class {
     this.disabled = false;
     this.kind = Bcm.Kind.solid;
     this.outline = false;
+    this.icon = undefined;
+    this.href = undefined;
+    this.target = undefined;
+    this.value = undefined;
     this.loading = false;
+    this.variant = undefined;
     this.dataDismiss = false;
     this.fullWidth = false;
     this.iconPosition = Bcm.IconPosition.prefix;
+    this.color = undefined;
     this.checked = false;
   }
   handleOnClick(e) {
@@ -387,6 +393,7 @@ const BcmIcon = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.hidden = false;
+    this.icon = undefined;
   }
   render() {
     const { icon, hidden } = this;
@@ -423,6 +430,8 @@ const BcmModal = class {
     this.hidden = false;
     this.size = Bcm.Size.medium;
     this.backdrop = true;
+    this.width = undefined;
+    this.height = undefined;
     this.fullWidth = false;
   }
   connectedCallback() {

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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-58077b32.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import { C as ColorHelper } from './color-helper-7e202fd8.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 import { S as StringHelper } from './string-helper-74a1648f.js';
-import { S as SlotTemplate } from './slot-template-877c4e01.js';
+import { S as SlotTemplate } from './slot-template-aee2ff75.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';
 import './utils-57652744.js';
@@ -29,10 +29,12 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const BcmCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.modalSlots = {};
     this._id = Generate.UID();
     this.hidden = false;
     this.color = "slate";
-    this.modalSlots = {};
+    this.header = undefined;
+    this.footer = undefined;
   }
   connectedCallback() {
     const bcmSlots = this.el.querySelectorAll('bcm-card-header, bcm-card-footer');

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

@@ -2,16 +2,16 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-58077b32.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { G as Generate, s as snq } from './generate-a7f3d168.js';
+import { G as Generate, s as snq } from './generate-ba9e1f0b.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { d as delay, g as getChildElements } from './utils-57652744.js';
-import { c as createStore } from './index-6e950253.js';
-import { L as LabelTemplate } from './label-template-e3eebfbc.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { c as createStore } from './index-6bdec00d.js';
+import { L as LabelTemplate } from './label-template-f352ef5b.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import './_commonjsHelpers-3016b722.js';
-import './slot-template-877c4e01.js';
+import './slot-template-aee2ff75.js';
 import './string-helper-74a1648f.js';
 
 const { state } = createStore({
@@ -234,14 +234,20 @@ const BcmCheckboxGroup = class {
     this.direction = Bcm.Direction.horizontal;
     this.items = [];
     this.indeterminate = false;
+    this.name = undefined;
+    this.value = undefined;
     this.disabled = false;
     this.readonly = false;
     this.hidden = false;
     this.required = false;
+    this.label = undefined;
+    this.gap = undefined;
+    this.defaultValue = undefined;
     this.fullWidth = false;
     this.optionType = 'default';
     this.buttonStyle = 'solid';
     this.size = Bcm.Size.medium;
+    this.caption = undefined;
     this.noCaption = false;
     this.captionType = Bcm.Status.default;
     this.tick = {};

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-2a3eeccc.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-58077b32.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import { c as getChilds, d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';
 
@@ -119,6 +119,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 const BcmEmpty = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.icon = undefined;
   }
   render() {
     return (h(Host, { class: "tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full tw-flex-1 tw-bg-slate-50 tw-text-center tw-rounded tw-gap-3" }, this.icon && h("i", { class: `tw-text-8 tw-text-amber-400 ${this.icon}` }), h("bcm-typography", { class: "tw-text-slate-400 tw-text-2" }, h("slot", null))));
@@ -181,21 +182,29 @@ const BcmListbox = class {
     this.isGroupArray = [];
     this.intersection = [];
     /**
-     * Component Properties
+     * Component States
      */
+    this.searchResults = [];
+    this.totalSearch = 0;
+    this.showSearch = true;
+    this.empty = false;
+    this.runClearAndSelect = false;
     this.innerComponent = false;
     this.checkboxes = false;
+    this.label = undefined;
     this.required = false;
     this.value = null;
     this.search = false;
     this.infoFooter = false;
     this.showIcon = false;
     this.size = 'medium';
+    this.selectedId = undefined;
     this.checkedList = [];
     this.updateCheckedList = [];
     this._items = [];
     this.fullWidth = false;
     this.searchFields = ['text', 'secondaryText', 'tooltipText'];
+    this._flex = undefined;
     this.hidden = false;
     this.returnField = "id";
     this.searchSub = "items";
@@ -209,22 +218,21 @@ const BcmListbox = class {
     this.highlight = false;
     this.loading = true;
     this.noCaption = false;
+    this.caption = undefined;
+    this.captionError = undefined;
     this.captionType = 'default';
     this._internal_id = (Math.random() * 4).toString(16).replace('.', '');
-    /**
-     * Component States
-     */
-    this.searchResults = [];
-    this.totalSearch = 0;
-    this.showSearch = true;
-    this.empty = false;
-    this.runClearAndSelect = false;
+    this.tooltip = undefined;
     this.total = 0;
     this.items = [];
     this.checklist = [];
     this.sortedChecklist = [];
     this.indeterminateState = 'uncheck';
     this.checked = false;
+    this.jsonItem = undefined;
+    this.searchData = undefined;
+    this.captionCache = undefined;
+    this.captionTypeCache = undefined;
     this.checklistSorted = [];
   }
   async setClear() {
@@ -1065,6 +1073,7 @@ const uppercase = (str) => str.toUpperCase();
 const BcmListboxGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.text = undefined;
     this._id = (Math.random() * 4).toString(16).replace('.', '');
     this.hidden = false;
   }
@@ -1104,6 +1113,11 @@ const BcmListboxItem = class {
     };
     this.display = true;
     this.avatar = false;
+    this.avatarImage = undefined;
+    this.avatarName = undefined;
+    this.secondaryText = undefined;
+    this.tooltipText = undefined;
+    this.text = undefined;
     this._id = (Math.random() * 4).toString(16).replace('.', '');
     this.size = 'medium';
     this.icon = 'bug';
@@ -1114,7 +1128,9 @@ const BcmListboxItem = class {
     this.checked = false;
     this.focused = false;
     this.hidden = false;
+    this.itemObject = undefined;
     this.disabled = false;
+    this.highlight = undefined;
     this._internal_id = "";
     this.template = null;
   }
@@ -1448,9 +1464,14 @@ const Bcmtreeview = class {
     this.parentLength = [{}];
     this.isSetData = false;
     this.runClearAndSelect = false;
+    /**
+     * Component States
+     */
+    this.empty = false;
     this.checkboxes = false;
     this.showIcon = false;
     this.size = 'medium';
+    this.selectedId = undefined;
     this.checkedList = [];
     this.updateCheckedList = [];
     this.hidden = false;
@@ -1471,18 +1492,16 @@ const Bcmtreeview = class {
     this.favIcon = false;
     this.favIconOnlyChilds = false;
     this._internal_id = (Math.random() * 4).toString(16).replace('.', '');
-    /**
-     * Component States
-     */
-    this.empty = false;
     this.showSearch = true;
     this.items = [];
     this.total = 0;
     this.checkCount = 0;
+    this.focusedElement = undefined;
     this.keyMapForFocus = { 18: false, 87: false };
     this.checklist = [];
     this.favoriteList = [];
     this.checklistSorted = [];
+    this.searchData = undefined;
     this.searchResults = [];
   }
   async setData(_data = []) {
@@ -2231,7 +2250,12 @@ const BcmtreeviewItem = class {
     this.groupCheck = createEvent(this, "bcm-treeview-check-group-check", 7);
     this.favoriteStatus = createEvent(this, "bcm-favorite-status", 7);
     this.firstRun = true;
+    this.items = undefined;
+    this.itemObject = undefined;
+    this.text = undefined;
+    this.tooltipText = undefined;
     this._id = (Math.random() * 4).toString(16).replace('.', '');
+    this.parentId = undefined;
     this.hasChild = false;
     this.size = 'medium';
     this.icon = 'bug';
@@ -2252,7 +2276,6 @@ const BcmtreeviewItem = class {
     this.menuPadding = 0;
     this.childLength = 0;
     this.indeterminate = false;
-    // @State() checkTrigger: boolean = false
     this.hidden = false;
     this.contextMenu = [];
     this.contextOffsetLeft = 0;

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

@@ -2,15 +2,15 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-58077b32.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { C as CaptionTemplate } from './caption-template-d54ee0c3.js';
-import { G as Generate } from './generate-a7f3d168.js';
-import { S as SlotTemplate } from './slot-template-877c4e01.js';
+import { C as CaptionTemplate } from './caption-template-e7d51661.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
+import { S as SlotTemplate } from './slot-template-aee2ff75.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { d as delay } from './utils-57652744.js';
 import { C as ColorHelper } from './color-helper-7e202fd8.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import './_commonjsHelpers-3016b722.js';
 import './string-helper-74a1648f.js';
 import './colors-1d7854ea.js';
@@ -34,23 +34,25 @@ const BcmCheckbox = class {
     this.focus = createEvent(this, "bcm-focus", 7);
     this.change = createEvent(this, "bcm-change", 7);
     this.changeCheckbox = createEvent(this, "bcm-change-checkbox", 7);
-    /** Props **/
     this._id = Generate.UID();
-    /**
-     * Component Properties
-     */
     this.inGroup = false;
     this.value = false;
     this.checked = false;
+    this.name = undefined;
     this.disabled = false;
     this.hidden = false;
     this.required = false;
+    this.label = undefined;
     this.readonly = false;
     this.size = Bcm.Size.medium;
     this.indeterminate = null;
     this.color = "blue";
+    this.caption = undefined;
     this.noCaption = false;
+    this.captionError = undefined;
     this.captionType = Bcm.Status.default;
+    this.captionCache = undefined;
+    this.captionTypeCache = undefined;
   }
   connectedCallback() {
     this.captionCache = this.caption;

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-58077b32.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { C as ColorHelper } from './color-helper-7e202fd8.js';
 import './_commonjsHelpers-3016b722.js';
@@ -29,6 +29,10 @@ const BcmChip = class {
     this._id = Generate.UID();
     this.type = 'default';
     this.size = 'medium';
+    this.avatar = undefined;
+    this.icon = undefined;
+    this.disabled = undefined;
+    this.color = undefined;
   }
   setColor() {
     if (!this.color)

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

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-58077b32.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import { g as getChildElements } from './utils-57652744.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -2,10 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-58077b32.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 import './_commonjsHelpers-3016b722.js';
 
 const collapseCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}";

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

@@ -2,10 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, d as getAssetPath, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { r as registerInstance, c as createEvent, h, d as getAssetPath, H as Host, g as getElement } from './index-58077b32.js';
 import { E as ElementDragger, D as DragDirections } from './element-dragger-89bb52fd.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';
 
@@ -27,22 +27,21 @@ const BcmColorPicker = class {
     this.change = createEvent(this, "bcm-change", 7);
     this.initialized = false;
     this.setColorBeforeInitialized = false;
-    /**
-     * Component Properties
-     */
-    this._color = '#4293CF'; // default color
+    this._color = '#4293CF' // default color
+    ;
     this.open = false;
     this.value = null;
+    this.label = undefined;
     this.size = "medium";
     this.noCaption = false;
+    this.caption = undefined;
+    this.captionError = undefined;
     this.captionType = 'default';
     this.fullWidth = false;
     this.disabled = false;
     this.hidden = false;
     this.required = false;
-    /**
-     * Component States
-     */
+    this.tooltip = undefined;
     this.h = -1;
     this.s = 1;
     this.v = 1;

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-58077b32.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';
@@ -28,18 +28,25 @@ const BcmDatePicker = class {
     registerInstance(this, hostRef);
     this._id = Generate.UID();
     this.date = new Date();
+    this.value = undefined;
     this.endDate = null;
     this.range = false;
     this.hidden = false;
+    this.name = undefined;
     this.fullWidth = false;
     this.required = false;
+    this.label = undefined;
+    this.placeholder = undefined;
     this.disabledDates = '';
     this.disabled = false;
     this.noCaption = false;
     this.caption = '';
+    this.captionError = undefined;
     this.captionType = 'default';
+    this.alignment = undefined;
     this._internal_id = (Math.random() * 4).toString(16).replace('.', '');
     this.placement = Bcm.Placement['bottom-start'];
+    this.linkedComponent = undefined;
     this.stateStartDate = null;
     this.stateEndDate = null;
   }

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

@@ -2,19 +2,19 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-2a3eeccc.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-58077b32.js';
 import { D as DragDirections, E as ElementDragger } from './element-dragger-89bb52fd.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
 import { d as delay } from './utils-57652744.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 import { B as Bcm } from './bcm-b8d8a236.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-9864294b.js';
-import { L as LabelTemplate } from './label-template-e3eebfbc.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
+import { L as LabelTemplate } from './label-template-f352ef5b.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import './_commonjsHelpers-3016b722.js';
 import './string-helper-74a1648f.js';
-import './slot-template-877c4e01.js';
+import './slot-template-aee2ff75.js';
 
 var Months;
 (function (Months) {
@@ -78,9 +78,6 @@ const BcmDatetimePicker = class {
     this.dayNumbers = [];
     this.valueText = null;
     this.dataIsValid = false;
-    /**
-     * Component Properties
-     */
     this._id = Generate.UID();
     this.date = new Date();
     this.endDate = null;
@@ -90,22 +87,28 @@ const BcmDatetimePicker = class {
     this.value = null;
     this._open = false;
     this.hidden = false;
+    this.name = undefined;
     this.fullWidth = false;
     this.required = false;
+    this.label = undefined;
+    this.placeholder = undefined;
     this.minYear = 1900;
     this.maxYear = 2200;
     this.noCaption = false;
+    this.captionError = undefined;
     this.caption = '';
     this.captionType = 'default';
+    this.alignment = undefined;
     this.placement = Bcm.Placement['bottom-start'];
-    /**
-     * Component States
-     */
+    this.linkedComponent = undefined;
     this.years = [];
     this.hours = [];
     this.minutes = [];
     this.hasDateModule = false;
     this.hasTimeModule = false;
+    this.renderDate = undefined;
+    this.selectedDate = undefined;
+    this.selectedEndDate = undefined;
     this.error = false;
     this.errorText = '';
     this.tick = {};

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
-import { G as Generate } from './generate-a7f3d168.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-58077b32.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
 
 const defaultCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}";
 

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

@@ -2,15 +2,14 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
-import { I as IsLoad } from './is-load-decorator-b990575a.js';
-import { A as AttrReflect } from './property-decorators-f3f1e7de.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-58077b32.js';
+import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
 import './color-helper-7e202fd8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-a7f3d168.js';
-import './number-helper-f3b67bd2.js';
+import { G as Generate } from './generate-ba9e1f0b.js';
+import './number-helper-4313dc1c.js';
 import './string-helper-74a1648f.js';
-import './validators-0f31a959.js';
+import './validators-66dd02d3.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-b8d8a236.js';
 import { c as classnames } from './index-ba2edd32.js';
@@ -36,6 +35,7 @@ const BcmDrawer = class {
     this.bcmBeforeOpen = createEvent(this, "bcm-before-open", 7);
     this.bcmBeforeClose = createEvent(this, "bcm-before-close", 7);
     this._id = Generate.UID();
+    this._title = undefined;
     this.position = Bcm.Position.right;
     this.fullWidth = false;
     this._open = false;
@@ -99,9 +99,6 @@ const BcmDrawer = class {
 __decorate([
   IsLoad()
 ], BcmDrawer.prototype, "el", void 0);
-__decorate([
-  AttrReflect('title')
-], BcmDrawer.prototype, "_title", void 0);
 BcmDrawer.style = drawerCss;
 
 export { BcmDrawer as bcm_drawer };