bromcom-ui 2.7.37-rc.8 → 2.7.37

package/dist/collection/index.js

@@ -1,5 +1 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
 export {};

package/dist/collection/models/bcm-types.js

@@ -1,5 +1 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
 export {};

package/dist/collection/models/states/atoms/bcm-atoms-state.js

@@ -1,5 +1 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
 export {};

package/dist/collection/models/states/molecules/bcm-molecules-state.js

@@ -1,5 +1 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
 export {};

package/dist/collection/models/states/organisms/bcm-organisms-state.js

@@ -1,5 +1 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
 export {};

package/dist/collection/templates/button-template.js

@@ -7,16 +7,5 @@ import Bcm from '../models/bcm';
 import { SlotTemplate } from './slot-template';
 export const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, loading, isIconOnly, icon, iconPosition, id }) => {
   const ButtonTagType = (href) ? Bcm.HtmlElementType.a : Bcm.HtmlElementType.button;
-  return (h(ButtonTagType, Object.assign({ id: id }, (type == Bcm.HtmlElementType.button && { type }), { class: componentClass, disabled: disabled, href: href, target: target, tabindex: "1" }),
-    h("span", { hidden: true },
-      h("slot", null)),
-    loading && h("span", { class: "bcm-button__container-loading" },
-      " ",
-      h("span", { class: "bcm-button__container-icon" },
-        h("i", { class: "far fa-spinner-third fa-spin" }),
-        " ")),
-    icon && h("span", { class: `${iconPosition} bcm-button__container-icon` },
-      h("i", { class: `${icon}` })),
-    !isIconOnly && (h(SlotTemplate, { className: "bcm-button__container-text", value: value })),
-    h("slot", { name: "suffix" })));
+  return (h(ButtonTagType, Object.assign({ id: id }, (type == Bcm.HtmlElementType.button && { type }), { class: componentClass, disabled: disabled, href: href, target: target, tabindex: "1" }), h("span", { hidden: true }, h("slot", null)), loading && h("span", { class: "bcm-button__container-loading" }, " ", h("span", { class: "bcm-button__container-icon" }, h("i", { class: "far fa-spinner-third fa-spin" }), " ")), icon && h("span", { class: `${iconPosition} bcm-button__container-icon` }, h("i", { class: `${icon}` })), !isIconOnly && (h(SlotTemplate, { className: "bcm-button__container-text", value: value })), h("slot", { name: "suffix" })));
 };

package/dist/collection/templates/caption-template.js

@@ -12,18 +12,7 @@ maxLength, value }) => {
   const classes = `bcm-caption-area__text`;
   const captionTextClass = `${classes} ${captionType} ${captionClasses}`;
   const countClasses = `${classes} default ${captionClasses}`;
-  return ((noCaption == false || maxLength) && (h("div", { class: hostClasses },
-    h("span", { class: captionTextClass }, captionType == "error"
-      ? h("span", null,
-        " ",
-        customErrorMessage || captionError,
-        " ")
-      : caption && h("span", null,
-        " ",
-        caption,
-        " ")),
-    maxLength && h("span", { class: countClasses },
-      " ",
-      `${(value === null || value === void 0 ? void 0 : value.length) || 0}/${maxLength}`,
-      " "))));
+  return ((noCaption == false || maxLength) && (h("div", { class: hostClasses }, h("span", { class: captionTextClass }, captionType == "error"
+    ? h("span", null, " ", customErrorMessage || captionError, " ")
+    : caption && h("span", null, " ", caption, " ")), maxLength && h("span", { class: countClasses }, " ", `${(value === null || value === void 0 ? void 0 : value.length) || 0}/${maxLength}`, " "))));
 };

package/dist/collection/templates/checkbox-template.js

@@ -23,9 +23,5 @@ export const CheckboxTemplate = ({ disabled, checked, readonly, required, indete
     'bcm-checkbox__label-icon-checked': checked,
   });
   const bcmCheckboxLabelClass = cs('bcm-checkbox__label');
-  return (h("div", { class: hostClasses },
-    h("input", { tabindex: "-1", id: _id, type: "checkbox", checked: checked, disabled: disabled, required: required, readonly: readonly }),
-    h("label", { class: bcmCheckboxLabelClass, htmlFor: _id },
-      h("span", { class: bcmCheckboxIconClass },
-        h("bcm-icon", { icon: "far fa-check" })))));
+  return (h("div", { class: hostClasses }, h("input", { tabindex: "-1", id: _id, type: "checkbox", checked: checked, disabled: disabled, required: required, readonly: readonly }), h("label", { class: bcmCheckboxLabelClass, htmlFor: _id }, h("span", { class: bcmCheckboxIconClass }, h("bcm-icon", { icon: "far fa-check" })))));
 };

package/dist/collection/templates/info-footer-template.js

@@ -7,10 +7,5 @@ import { pluralize } from '../utils/utils';
 export const InfoFooterTemplate = ({ selected, total, found, multiple, variableText }) => {
   total = total || 0;
   variableText = variableText ? pluralize(variableText, total) : 'items';
-  return (h("footer", { class: "bcm-info-footer" },
-    h("bcm-text", { scale: "size-1", color: "grey-8" },
-      (multiple && selected > 0) && ` ( ${selected} selected ) `,
-      ` Total ${total} `,
-      found != null && ` / ${found} `,
-      ` ${variableText} found. `)));
+  return (h("footer", { class: "bcm-info-footer" }, h("bcm-text", { scale: "size-1", color: "grey-8" }, (multiple && selected > 0) && ` ( ${selected} selected ) `, ` Total ${total} `, found != null && ` / ${found} `, ` ${variableText} found. `)));
 };

package/dist/collection/templates/input-template.js

@@ -49,33 +49,12 @@ ref, handleBlur, handleFocus, handleInput, handleChange }) => {
   });
   const inputClass = 'bcm-input__container--' + size;
   const unitClass = cs(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      _prefix && _prefix.length > 0 &&
-        h("span", { innerHTML: _prefix }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && {
-      type,
-      autocomplete: autocomplete ? 'on' : 'off',
-      pattern,
-    })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows, resize: resize })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => handleInput(e), onChange: (e) => handleChange(e) })),
-    h("span", { class: "input-suffix-content" }, (clearable && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "far fa-times" }))),
-    h("span", { class: "input-suffix-content" }, ((type === 'password' || type === 'text') && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "far fa-eye-slash" : "far fa-eye" })))),
-    h("span", { class: "input-suffix-content" }, (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type] })))),
-    h("span", { class: "input-suffix-content" }, type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "bcm-input-caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "fas fa-caret-up" })),
-      h("span", { class: "bcm-input-caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "fas fa-caret-down" }))))),
-    h("span", { class: "input-suffix-content" }, type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" }),
-      _suffix && _suffix.length > 0 &&
-        h("span", { innerHTML: _suffix }))))));
+  return (h("div", { class: containerClass }, h("span", { hidden: true }, h("slot", null)), h("span", { class: "input-prefix" }, h("slot", { name: "prefix" }), _prefix && _prefix.length > 0 &&
+    h("span", { innerHTML: _prefix }), unitPrefix && h("span", { class: unitClass }, unitPrefix)), h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && {
+    type,
+    autocomplete: autocomplete ? 'on' : 'off',
+    pattern,
+  })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows, resize: resize })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => handleInput(e), onChange: (e) => handleChange(e) })), h("span", { class: "input-suffix-content" }, (clearable && !disabled) &&
+    h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) }, h("bcm-icon", { icon: "far fa-times" }))), h("span", { class: "input-suffix-content" }, ((type === 'password' || type === 'text') && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() }, h("bcm-icon", { icon: isPasswordVisible ? "far fa-eye-slash" : "far fa-eye" })))), h("span", { class: "input-suffix-content" }, (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" }, h("bcm-icon", { icon: defaultIcons[type] })))), h("span", { class: "input-suffix-content" }, type === 'number' && (h("div", { class: caretContainer }, h("span", { class: "bcm-input-caret", onClick: () => steps('up') }, h("bcm-icon", { icon: "fas fa-caret-up" })), h("span", { class: "bcm-input-caret", onClick: () => steps('down') }, h("bcm-icon", { icon: "fas fa-caret-down" }))))), h("span", { class: "input-suffix-content" }, type !== 'number' && (h("span", { class: "input-suffix" }, h("slot", { name: "suffix" }), _suffix && _suffix.length > 0 &&
+    h("span", { innerHTML: _suffix }))))));
 };

package/dist/collection/templates/label-template.js

@@ -10,9 +10,5 @@ export const LabelTemplate = ({ required, value, size, form, htmlFor, type }) =>
   size = size || "medium";
   type = type || Bcm.Status.default;
   const labelClasses = cs('bcm-label__text', 'bcm-label__text-' + type, 'bcm-label__size-' + size);
-  return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses },
-    " ",
-    h(SlotTemplate, { value: value }),
-    " ",
-    required && ('*')));
+  return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses }, " ", h(SlotTemplate, { value: value }), " ", required && ('*')));
 };

package/dist/collection/templates/list-item-template.js

@@ -46,13 +46,6 @@ export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size,
     'bcm-list__item-' + size, {
       'bcm-list__item--group': !treeview && item.type == 'group',
       'bcm-list__item--readonly': readonly,
-    }) },
-    h("div", { class: cs('bcm-list__item-content', !checkboxes && item.selected && 'selected', { disabled: disabled }) },
-      treeview && (h("div", { class: "bcm-list__item-content-collapse-icon", onClick: () => collapseClick() }, isHaveChildren && h("bcm-icon", { icon: cs('fas fa-caret-' + (item.isSearching || item.open ? 'down' : 'right')) }))),
-      h("div", { class: cs('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
-        checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" },
-          h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))),
-        h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
-    (treeview || !treeview && item.type == "group") && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
-      item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
+    }) }, h("div", { class: cs('bcm-list__item-content', !checkboxes && item.selected && 'selected', { disabled: disabled }) }, treeview && (h("div", { class: "bcm-list__item-content-collapse-icon", onClick: () => collapseClick() }, isHaveChildren && h("bcm-icon", { icon: cs('fas fa-caret-' + (item.isSearching || item.open ? 'down' : 'right')) }))), h("div", { class: cs('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) }, checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" }, h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))), h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))), (treeview || !treeview && item.type == "group") && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
+    item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
 };

package/dist/collection/templates/list-template.js

@@ -7,18 +7,5 @@ import { InfoFooterTemplate } from './info-footer-template';
 import { ListItemTemplate } from './list-item-template';
 export const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, data, width, height, size, searchPlaceholder, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable, searchIsOnlyChilds, emptyText, emptyIcon }) => {
   const showSelectAll = !(treeview && searchFound > 0) && !(searchFound > 0);
-  return (h("div", { id: `bcm-list-${_id}`, class: bcmListContainer, style: { '--height': height, '--width': width } },
-    data && searchable && (h("section", { class: "bcm-list__container-search" },
-      h("bcm-search", { size: size, id: `bcm-list-${_id}-search`, data: data, clearable: true, placeholder: searchPlaceholder, searchIsOnlyChilds: searchIsOnlyChilds }))),
-    h("main", { onScroll: (e) => onScrollEvent(e), class: "scrolling" },
-      checkAll && searchFound != 0 && items && items.length > 0 && checkboxes && showSelectAll && (h("section", { class: "bcm-list__container-select-all" },
-        h(ListItemTemplate, { size: size, item: selectAllItem, treeview: false, checkboxes: true, selectedItem: (itemId) => selectedItem(itemId), checkedItem: (itemId) => checkedItem(itemId), openGroup: (parentId) => openGroup(parentId), focusItem: (itemId) => focusItem(itemId) }))),
-      items.map((item) => (h(ListItemTemplate, { highlight: highlight, size: size, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, selectedItem: (itemId) => selectedItem(itemId), checkedItem: (itemId) => checkedItem(itemId), openGroup: (parentId) => openGroup(parentId), focusItem: (itemId) => focusItem(itemId) }))),
-      ((!items || items.length === 0) && searchFound != 0) && (h("section", { class: "bcm-list__container-no-data" },
-        h("bcm-empty", { style: { "height": "auto" }, icon: emptyIcon },
-          h("span", { innerHTML: emptyText || "No data" })))),
-      searchFound == 0 && (h("section", { class: "bcm-list__container-no-data" },
-        h("bcm-empty", { style: { "height": "auto" }, icon: emptyIcon },
-          h("span", { innerHTML: emptyText || "No Data Found" }))))),
-    infoFooter && data && data.length > 0 && (h(InfoFooterTemplate, { selected: value === null || value === void 0 ? void 0 : value.length, total: totalData, found: searchFound, multiple: checkboxes, variableText: variableText }))));
+  return (h("div", { id: `bcm-list-${_id}`, class: bcmListContainer, style: { '--height': height, '--width': width } }, data && searchable && (h("section", { class: "bcm-list__container-search" }, h("bcm-search", { size: size, id: `bcm-list-${_id}-search`, data: data, clearable: true, placeholder: searchPlaceholder, searchIsOnlyChilds: searchIsOnlyChilds }))), h("main", { onScroll: (e) => onScrollEvent(e), class: "scrolling" }, checkAll && searchFound != 0 && items && items.length > 0 && checkboxes && showSelectAll && (h("section", { class: "bcm-list__container-select-all" }, h(ListItemTemplate, { size: size, item: selectAllItem, treeview: false, checkboxes: true, selectedItem: (itemId) => selectedItem(itemId), checkedItem: (itemId) => checkedItem(itemId), openGroup: (parentId) => openGroup(parentId), focusItem: (itemId) => focusItem(itemId) }))), items.map((item) => (h(ListItemTemplate, { highlight: highlight, size: size, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, selectedItem: (itemId) => selectedItem(itemId), checkedItem: (itemId) => checkedItem(itemId), openGroup: (parentId) => openGroup(parentId), focusItem: (itemId) => focusItem(itemId) }))), ((!items || items.length === 0) && searchFound != 0) && (h("section", { class: "bcm-list__container-no-data" }, h("bcm-empty", { style: { "height": "auto" }, icon: emptyIcon }, h("span", { innerHTML: emptyText || "No data" })))), searchFound == 0 && (h("section", { class: "bcm-list__container-no-data" }, h("bcm-empty", { style: { "height": "auto" }, icon: emptyIcon }, h("span", { innerHTML: emptyText || "No Data Found" }))))), infoFooter && data && data.length > 0 && (h(InfoFooterTemplate, { selected: value === null || value === void 0 ? void 0 : value.length, total: totalData, found: searchFound, multiple: checkboxes, variableText: variableText }))));
 };

package/dist/collection/templates/slot-template.js

@@ -5,6 +5,5 @@
 import { h } from '@stencil/core';
 import { StringHelper } from '../helper/string-helper';
 export const SlotTemplate = ({ value, className, name }) => {
-  return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },
-    h("slot", Object.assign({}, (name && { name: name })))) : h("span", { class: className, innerHTML: value });
+  return StringHelper.isNullOrEmpty(value) ? h("span", { class: className }, h("slot", Object.assign({}, (name && { name: name })))) : h("span", { class: className, innerHTML: value });
 };

package/dist/collection/templates/step-template.js

@@ -18,9 +18,5 @@ export const StepperHeaderTemplate = ({ title, description, status, valid, index
     error: 'fal fa-times',
   };
   const customIcon = (icon || (statusIcon && defaultIcons[status])) && h("bcm-icon", { icon: icon ? icon : defaultIcons[status] });
-  return (h("div", { class: classes },
-    h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) },
-      h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index),
-      h("div", { class: "bcm-stepper__header-item-title size-2" }, title),
-      h("div", { class: "bcm-stepper__header-item-description size-1" }, description))));
+  return (h("div", { class: classes }, h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) }, h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index), h("div", { class: "bcm-stepper__header-item-title size-2" }, title), h("div", { class: "bcm-stepper__header-item-description size-1" }, description))));
 };

package/dist/collection/templates/tag-template.js

@@ -32,14 +32,5 @@ export const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, va
   const hostClasses = cs('bcm-tag', {
     hidden
   });
-  return (h("div", { id: _id, class: cs(hostClasses, { checked }) },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: classes, style: getColor(color), onClick: (e) => onSelect(e) },
-      type === Bcm.TagType.add && (h("span", { class: "left" },
-        h("bcm-icon", { icon: "far fa-plus" }))),
-      type === Bcm.TagType.checkable && h("input", { type: "checkbox", checked: checked }),
-      h("span", { class: "value", style: customStyle }, value),
-      type === Bcm.TagType.dismissable && (h("span", { class: "right close-button", onClick: (e) => onDismiss(e) },
-        h("bcm-icon", { icon: "fal fa-times" }))))));
+  return (h("div", { id: _id, class: cs(hostClasses, { checked }) }, h("span", { hidden: true }, h("slot", null)), h("span", { class: classes, style: getColor(color), onClick: (e) => onSelect(e) }, type === Bcm.TagType.add && (h("span", { class: "left" }, h("bcm-icon", { icon: "far fa-plus" }))), type === Bcm.TagType.checkable && h("input", { type: "checkbox", checked: checked }), h("span", { class: "value", style: customStyle }, value), type === Bcm.TagType.dismissable && (h("span", { class: "right close-button", onClick: (e) => onDismiss(e) }, h("bcm-icon", { icon: "fal fa-times" }))))));
 };

package/dist/collection/types/index.js

@@ -1,5 +1 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
 export {};

package/dist/components/avatar.js

@@ -33,8 +33,13 @@ const BcmAvatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this._id = Generate.UID();
     this.hidden = false;
+    this.image = undefined;
+    this.name = undefined;
+    this.alt = undefined;
     this.shape = Bcm.Shape.ellipse;
     this.size = Bcm.Size.medium;
+    this.color = undefined;
+    this.status = undefined;
     this.isFallback = false;
   }
   componentWillLoad() {

package/dist/components/badge.js

@@ -29,7 +29,11 @@ const BcmBadge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._id = Generate.UID();
     this.hidden = false;
     this.blink = false;
+    this.value = undefined;
+    this.color = undefined;
     this.size = Bcm.Size.medium;
+    this.status = undefined;
+    this._slot = undefined;
   }
   setStyleVariables() {
     const { status, value } = this;

package/dist/components/bcm-alert.js

@@ -7,7 +7,6 @@ import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './gen
 import { c as classnames } from './index2.js';
 import { c as createStore } from './index3.js';
 import { S as StringHelper } from './string-helper.js';
-import { A as AttrReflect } from './property-decorators.js';
 import { I as IsLoad } from './is-load-decorator.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
@@ -49,8 +48,11 @@ const BcmAlert$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.alertdismissible = createEvent(this, "bcm-alert-dismissible", 7);
     this.hidden = false;
     this._id = Generate.UID();
+    this._title = undefined;
+    this.description = undefined;
     this.status = StatusProps.info;
     this.type = TypeProps.basic;
+    this.dismissible = undefined;
     this.icon = false;
     this.bigIcon = false;
     this.fullWidth = false;
@@ -112,9 +114,6 @@ const BcmAlert$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
 __decorate([
   IsLoad()
 ], BcmAlert$1.prototype, "el", void 0);
-__decorate([
-  AttrReflect("title")
-], BcmAlert$1.prototype, "_title", void 0);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/bcm-attendance.js

@@ -5,7 +5,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { I as IsLoad } from './is-load-decorator.js';
 import { G as Generate } from './generate.js';
-import { J as JsonParse } from './json-parse-decarator.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
 const attendanceCss = "@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}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}";
@@ -44,9 +43,6 @@ const BcmAttendance$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
 __decorate([
   IsLoad()
 ], BcmAttendance$1.prototype, "el", void 0);
-__decorate([
-  JsonParse('data')
-], BcmAttendance$1.prototype, "data", void 0);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/bcm-autocomplete.js

@@ -58,6 +58,7 @@ const BcmAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.inputLength = 0;
     this.isOpen = false;
     this.resultFound = false;
+    this.searchData = undefined;
     this.searchResults = [];
     this.items = [];
   }

package/dist/components/bcm-breadcrumb.js

@@ -26,6 +26,7 @@ const BcmBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.bcmBreadcrumb = createEvent(this, "bcm-breadcrumb-click", 7);
+    this.items = undefined;
     this.seperator = '/';
     this.hidden = false;
     this.isOpen = false;

package/dist/components/bcm-button-group.js

@@ -29,6 +29,8 @@ const BcmButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     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/components/bcm-card.js

@@ -26,10 +26,12 @@ const BcmCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    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/components/bcm-checkbox-group.js

@@ -236,14 +236,20 @@ const BcmCheckboxGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     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/components/bcm-chip.js

@@ -30,6 +30,10 @@ const BcmChip$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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/components/bcm-colorpicker.js

@@ -30,22 +30,21 @@ const BcmColorPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     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/components/bcm-date-picker.js

@@ -34,18 +34,25 @@ const BcmDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.__attachShadow();
     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/components/bcm-drawer.js

@@ -4,7 +4,6 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IsLoad } from './is-load-decorator.js';
-import { A as AttrReflect } from './property-decorators.js';
 import './color-helper.js';
 import './validators.js';
 import { G as Generate } from './generate.js';
@@ -35,6 +34,7 @@ const BcmDrawer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
@@ -108,9 +108,6 @@ const BcmDrawer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
 __decorate([
   IsLoad()
 ], BcmDrawer$1.prototype, "el", void 0);
-__decorate([
-  AttrReflect('title')
-], BcmDrawer$1.prototype, "_title", void 0);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/bcm-dropdown.js

@@ -31,6 +31,7 @@ const BcmDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.bcmClick = createEvent(this, "bcm-click", 7);
     this.dropdownLinkedComponent = createEvent(this, "dropdown-linked-component", 7);
+    this.isOpen = undefined;
     this._id = Generate.UID();
     this.menuId = Generate.UID();
     this.hidden = false;
@@ -38,18 +39,26 @@ const BcmDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.size = Bcm.Size.medium;
     this.disabled = false;
     this.kind = Bcm.Kind.solid;
+    this.icon = undefined;
+    this.href = undefined;
+    this.target = undefined;
+    this.value = undefined;
     this.noStyle = false;
     this.dropdownIcon = 'fas fa-angle-down';
+    this.linkedComponent = undefined;
     this.multiLevel = false;
     this.loading = false;
+    this.variant = undefined;
     this.dataDismiss = false;
     this.fullWidth = false;
     this.iconPosition = Bcm.IconPosition.prefix;
+    this.placement = undefined;
     this.height = 'auto';
     this.maxHeight = '500px';
     this.minHeight = '50px';
     this.stopDeepClean = false;
     this.selectable = true;
+    this.color = undefined;
     this.data = [];
   }
   async dataChanged(newValue) {
@@ -260,9 +269,6 @@ const BcmDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
 __decorate([
   IsLoad()
 ], BcmDropdown$1.prototype, "el", void 0);
-__decorate([
-  JsonParse('data')
-], BcmDropdown$1.prototype, "data", void 0);
 __decorate([
   JsonParse('data', true)
 ], BcmDropdown$1.prototype, "dataChanged", null);

package/dist/components/bcm-expansion-panel.js

@@ -38,6 +38,7 @@ const BcmExpansionPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.hideToggle = false;
     this.expandIconPosition = 'right';
     this.headerColor = 'white';
+    this.tooltip = undefined;
     this.tooltipDefaultValue = {
       message: '',
       placement: 'top',

package/dist/components/bcm-form-2.js

@@ -44,11 +44,11 @@ const BcmForm2$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.bcmForm = createEvent(this, "bcm-form", 7);
-    this._id = Generate.UID();
-    this.validation = false;
     this.isLoad = false;
     this.formData = {};
     this.formObj = new Map();
+    this._id = Generate.UID();
+    this.validation = false;
   }
   componentDidLoad() {
     this.isLoad = true;

package/dist/components/bcm-form-group.js

@@ -26,6 +26,7 @@ const BcmFormGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.hidden = false;
     this.validation = false;
     this.name = "";
+    this.value = undefined;
   }
   inputChange() {
     //   console.log("diğişti")

package/dist/components/bcm-form.js

@@ -113,6 +113,7 @@ const BcmForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.hidden = false;
     this.validation = false;
     this.name = "";
+    this.value = undefined;
     this.autocomplete = false;
   }
   handleSubmit() {