bromcom-ui 2.8.0-rc.6 → 2.8.0-rc.7

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

@@ -10,10 +10,10 @@ const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-5d859f16.js');
-require('./number-helper-038de3fb.js');
+const generate = require('./generate-69d0693b.js');
+require('./number-helper-71379c8d.js');
 require('./string-helper-45cffee0.js');
-require('./validators-412368c6.js');
+require('./validators-fc94eb95.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-634604e3.js');
 require('./colors-56282b00.js');

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

@@ -8,13 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-5d859f16.js');
+const generate = require('./generate-69d0693b.js');
 const bcm = require('./bcm-634604e3.js');
 const index = require('./index-fdbf5226.js');
-const numberHelper = require('./number-helper-038de3fb.js');
+const numberHelper = require('./number-helper-71379c8d.js');
 const utils = require('./utils-fc077139.js');
 const colors = require('./colors-56282b00.js');
-const types = require('./types-6eb7e028.js');
+const types = require('./types-7523fd99.js');
 require('./colors-43b24668.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

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

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-5d859f16.js');
+const generate = require('./generate-69d0693b.js');
 const bcm = require('./bcm-634604e3.js');
 const captionTemplate = require('./caption-template-8d099fd6.js');
-const inputTemplate = require('./input-template-4b1d9f28.js');
+const inputTemplate = require('./input-template-94df4827.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');

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

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

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-5d859f16.js');
+const generate = require('./generate-69d0693b.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 const bcm = require('./bcm-634604e3.js');
 const utils = require('./utils-fc077139.js');

package/dist/cjs/{generate-5d859f16.js → generate-69d0693b.js}

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

package/dist/cjs/{input-template-4b1d9f28.js → input-template-94df4827.js}

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

package/dist/cjs/{json-parse-decarator-79fa9387.js → json-parse-decarator-9456d534.js}

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

package/dist/cjs/{number-helper-038de3fb.js → number-helper-71379c8d.js}

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

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

@@ -12,8 +12,8 @@ const popoverPlacement = require('./popover-placement-3c8f3a72.js');
 const floatingUi = require('./floating-ui-74eb26d6.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-5d859f16.js');
-const numberHelper = require('./number-helper-038de3fb.js');
+const generate = require('./generate-69d0693b.js');
+const numberHelper = require('./number-helper-71379c8d.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 require('./utils-fc077139.js');
 require('./bcm-634604e3.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const bcm = require('./bcm-634604e3.js');
-const generate = require('./generate-5d859f16.js');
+const generate = require('./generate-69d0693b.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');

package/dist/cjs/{stepper-states-23d4c730.js → stepper-states-020851a5.js}

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

package/dist/cjs/{tooltip-helper-434735c4.js → tooltip-helper-c80d9d7a.js}

@@ -10,9 +10,9 @@ const utils = require('./utils-fc077139.js');
 const floatingUi = require('./floating-ui-74eb26d6.js');
 const colorHelper = require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-5d859f16.js');
-require('./number-helper-038de3fb.js');
-require('./validators-412368c6.js');
+const generate = require('./generate-69d0693b.js');
+require('./number-helper-71379c8d.js');
+require('./validators-fc94eb95.js');
 const bcm = require('./bcm-634604e3.js');
 
 class Tooltip {

package/dist/cjs/{validators-412368c6.js → validators-fc94eb95.js}

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

package/dist/collection/collection-manifest.json

@@ -3,15 +3,12 @@
     "./components/molecules/radio/radio-group.js",
     "./components/atoms/avatar/avatar.js",
     "./components/atoms/badge/badge.js",
-    "./components/atoms/box/box.js",
     "./components/atoms/button/button.js",
     "./components/atoms/chip/chip.js",
     "./components/atoms/divider/divider.js",
     "./components/atoms/icon/icon.js",
     "./components/atoms/label/label.js",
     "./components/atoms/link/link.js",
-    "./components/atoms/tag/tag.js",
-    "./components/atoms/typography/typography.js",
     "./components/molecules/accordion/accordion.js",
     "./components/molecules/stepper/stepper.js",
     "./components/molecules/alert/alert.js",
@@ -63,10 +60,12 @@
     "./components/organism/list/list.js",
     "./components/organism/time-picker/time-picker.js",
     "./components/other/attendance/attendance.js",
+    "./components/other/box/box.js",
     "./components/other/data-table/table.js",
     "./components/other/default/default.js",
     "./components/other/input-custom/input-custom.js",
     "./components/other/toast/toast.js",
+    "./components/other/typography/typography.js",
     "./components/other_deprecated/collapse/collapse.js",
     "./components/other_deprecated/collapse/group.js",
     "./components/other_deprecated/colorpicker/colorpicker.js",
@@ -86,6 +85,7 @@
     "./components/other_deprecated/tabs/tab.js",
     "./components/other_deprecated/tabs/tabs-content.js",
     "./components/other_deprecated/tabs/tabs.js",
+    "./components/other_deprecated/tag/tag.js",
     "./components/other_deprecated/text/text.js",
     "./components/other_deprecated/treeview/treeview-group.js",
     "./components/other_deprecated/treeview/treeview-item.js",

package/dist/collection/components/molecules/color-input/color-input.js

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h, Host, forceUpdate } from "@stencil/core";
 import { Generate } from "@bcm/helpers";
+import { Host, forceUpdate, h } from "@stencil/core";
 export class BcmColorInput {
   constructor() {
     this._id = Generate.UID();
-    this.label = "Color Picker";
-    this.placeholder = "Color Picker";
+    this.label = "";
+    this.placeholder = "";
     this.value = "";
     this.required = false;
     this.disabled = false;
@@ -28,14 +28,12 @@ export class BcmColorInput {
   }
   handleInputChanged(e) {
     this.getPickerElement().color = e.detail;
-    console.log("handleInputChanged: ", e.detail);
   }
   eyeDropper() {
     const eyeDropper = new window.EyeDropper();
     eyeDropper
       .open()
       .then((color) => {
-      console.log("color: ", color.sRGBHex);
       this.handleChange(color.sRGBHex);
     })
       .catch((error) => {
@@ -51,21 +49,11 @@ export class BcmColorInput {
     return typeof window !== "undefined" && "EyeDropper" in window;
   }
   render() {
-    return (h(Host, null, h("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", "onBcm-change": e => this.handleInputChanged(e) }, h("i", { slot: "prefix", class: "tw-rounded-full tw-w-4 tw-h-4 tw-border tw-border-gray-100 tw-flex tw-items-center tw-justify-center", style: {
+    return (h(Host, { class: "tw-block" }, h("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", "onBcm-change": e => this.handleInputChanged(e) }, h("i", { slot: "prefix", class: "tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100", style: {
         backgroundColor: this.value,
       } }), this.isEyeDropperSupported() && h("i", { slot: "suffix", class: "far fa-eye-dropper", onClick: () => this.eyeDropper() })), h("bcm-linked", { targetId: this._id + "-color-container" }, h("bcm-colorful", { id: this._id + "-picker", color: this.value, onBcmChange: e => this.handleChange(e.detail) }))));
   }
   static get is() { return "bcm-color-input"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["color-input.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["color-input.css"]
-    };
-  }
   static get properties() {
     return {
       "_id": {
@@ -102,7 +90,7 @@ export class BcmColorInput {
         },
         "attribute": "label",
         "reflect": false,
-        "defaultValue": "\"Color Picker\""
+        "defaultValue": "\"\""
       },
       "placeholder": {
         "type": "string",
@@ -120,7 +108,7 @@ export class BcmColorInput {
         },
         "attribute": "placeholder",
         "reflect": false,
-        "defaultValue": "\"Color Picker\""
+        "defaultValue": "\"\""
       },
       "value": {
         "type": "string",

package/dist/collection/components/organism/list/list-tag-control.js

@@ -116,6 +116,7 @@ export class ListTagControl {
                 text: otherTagTextControl({ count: otherCounter, width: containerWidth[1] }),
                 title: snq(() => otherTags
                   .map(tag => this.values.find(value => value.id == tag.dataset.id))
+                  .sort((a, b) => a._ct - b._ct)
                   .slice(0, 15)
                   .map(item => StringHelper.textLimitter(item.tagTitle || item.text, 40, true))
                   .toString()

package/dist/collection/components/organism/states/bcm-list2.states.js

@@ -142,6 +142,7 @@ const removeOtherTags = (id, ids, items) => {
         if (child.id == otherTagIds) {
           child.checked = false;
           child.itemObject.checked = false;
+          child.itemObject._ct = new Date().getTime();
         }
         else if (child.items) {
           onRemoveItems(id, otherTagIds, child.items);
@@ -156,6 +157,7 @@ const onRemoveItems = (id, itemId, items) => {
       if (item.id == itemId) {
         item.checked = false;
         item.itemObject.checked = false;
+        item.itemObject._ct = new Date().getTime();
         indeterminateStatus(id, item.parentId);
       }
       else if (item.items) {
@@ -215,6 +217,7 @@ const checkedProcess = (id, item, status) => {
           }
           item.itemObject.checked = item.checked;
           item.indeterminate = item.checked ? 'determinate' : 'uncheck';
+          item.itemObject._ct = new Date().getTime();
         }
       }
       if (item.items) {
@@ -249,6 +252,7 @@ const indeterminateStatus = (id, itemId, items) => {
         item.indeterminate = indeterminateState;
         item.checked = indeterminateState == 'determinate' ? true : false;
         item.itemObject.checked = item.checked;
+        item.itemObject._ct = new Date().getTime();
         if (item.parentId) {
           indeterminateStatus(id, item.parentId);
         }
@@ -429,6 +433,7 @@ const getCheckedList = (id, items) => {
       }
     });
   }
+  (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) > 0 && checkedList.sort((a, b) => a._ct - b._ct);
   return { checkedList: (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) > 0 ? checkedList : null, nestedResult: nestedResult };
 };
 const selectedItem = (id, itemId, items) => {
@@ -456,6 +461,7 @@ const selectedItem = (id, itemId, items) => {
             item.itemObject.selected = item.selected;
           }
         }
+        item.itemObject._ct = new Date().getTime();
       }
       if (item.items) {
         const found = selectedItem(id, itemId, item.items);
@@ -488,6 +494,7 @@ const setClear = (id, items) => {
       ((_a = item.itemObject) === null || _a === void 0 ? void 0 : _a.checked) && (item.itemObject.checked = false);
       ((_b = item.itemObject) === null || _b === void 0 ? void 0 : _b.selected) && (item.itemObject.selected = false);
       ((_c = item.itemObject) === null || _c === void 0 ? void 0 : _c.indeterminate) && (item.itemObject.indeterminate = 'uncheck');
+      item.itemObject._ct = new Date().getTime();
       if (item.items) {
         setClear(id, item.items);
       }

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

@@ -8,7 +8,7 @@ import cs from 'classnames';
 import { NumberHelper } from '../helper/number-helper';
 import { extractColor } from '../utils/utils';
 import { ColorPalette } from '../global/variables/colors';
-import { ColorProps } from '../components/atoms/tag/types';
+import { ColorProps } from '../components/other_deprecated/tag/types';
 export const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, value, type, onDismiss, onSelect }) => {
   !size && (size = Bcm.FontSize['size-1']);
   const getColor = (color) => {

package/dist/components/bcm-color-input.js

@@ -17,15 +17,13 @@ import { d as defineCustomElement$4 } from './label.js';
 import { d as defineCustomElement$3 } from './linked.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
-const colorInputCss = "@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}";
-
 const BcmColorInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this._id = Generate.UID();
-    this.label = "Color Picker";
-    this.placeholder = "Color Picker";
+    this.label = "";
+    this.placeholder = "";
     this.value = "";
     this.required = false;
     this.disabled = false;
@@ -45,14 +43,12 @@ const BcmColorInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   handleInputChanged(e) {
     this.getPickerElement().color = e.detail;
-    console.log("handleInputChanged: ", e.detail);
   }
   eyeDropper() {
     const eyeDropper = new window.EyeDropper();
     eyeDropper
       .open()
       .then((color) => {
-      console.log("color: ", color.sRGBHex);
       this.handleChange(color.sRGBHex);
     })
       .catch((error) => {
@@ -68,12 +64,11 @@ const BcmColorInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return typeof window !== "undefined" && "EyeDropper" in window;
   }
   render() {
-    return (h(Host, null, h("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", "onBcm-change": e => this.handleInputChanged(e) }, h("i", { slot: "prefix", class: "tw-rounded-full tw-w-4 tw-h-4 tw-border tw-border-gray-100 tw-flex tw-items-center tw-justify-center", style: {
+    return (h(Host, { class: "tw-block" }, h("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", "onBcm-change": e => this.handleInputChanged(e) }, h("i", { slot: "prefix", class: "tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100", style: {
         backgroundColor: this.value,
       } }), this.isEyeDropperSupported() && h("i", { slot: "suffix", class: "far fa-eye-dropper", onClick: () => this.eyeDropper() })), h("bcm-linked", { targetId: this._id + "-color-container" }, h("bcm-colorful", { id: this._id + "-picker", color: this.value, onBcmChange: e => this.handleChange(e.detail) }))));
   }
   get el() { return this; }
-  static get style() { return colorInputCss; }
 }, [0, "bcm-color-input", {
     "_id": [1537, "id"],
     "label": [1],

package/dist/components/bcm-list.js

@@ -279,6 +279,7 @@ const removeOtherTags = (id, ids, items) => {
         if (child.id == otherTagIds) {
           child.checked = false;
           child.itemObject.checked = false;
+          child.itemObject._ct = new Date().getTime();
         }
         else if (child.items) {
           onRemoveItems(id, otherTagIds, child.items);
@@ -293,6 +294,7 @@ const onRemoveItems = (id, itemId, items) => {
       if (item.id == itemId) {
         item.checked = false;
         item.itemObject.checked = false;
+        item.itemObject._ct = new Date().getTime();
         indeterminateStatus(id, item.parentId);
       }
       else if (item.items) {
@@ -352,6 +354,7 @@ const checkedProcess = (id, item, status) => {
           }
           item.itemObject.checked = item.checked;
           item.indeterminate = item.checked ? 'determinate' : 'uncheck';
+          item.itemObject._ct = new Date().getTime();
         }
       }
       if (item.items) {
@@ -386,6 +389,7 @@ const indeterminateStatus = (id, itemId, items) => {
         item.indeterminate = indeterminateState;
         item.checked = indeterminateState == 'determinate' ? true : false;
         item.itemObject.checked = item.checked;
+        item.itemObject._ct = new Date().getTime();
         if (item.parentId) {
           indeterminateStatus(id, item.parentId);
         }
@@ -521,6 +525,7 @@ const getCheckedList = (id, items) => {
       }
     });
   }
+  (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) > 0 && checkedList.sort((a, b) => a._ct - b._ct);
   return { checkedList: (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) > 0 ? checkedList : null, nestedResult: nestedResult };
 };
 const selectedItem = (id, itemId, items) => {
@@ -548,6 +553,7 @@ const selectedItem = (id, itemId, items) => {
             item.itemObject.selected = item.selected;
           }
         }
+        item.itemObject._ct = new Date().getTime();
       }
       if (item.items) {
         const found = selectedItem(id, itemId, item.items);
@@ -580,6 +586,7 @@ const setClear = (id, items) => {
       ((_a = item.itemObject) === null || _a === void 0 ? void 0 : _a.checked) && (item.itemObject.checked = false);
       ((_b = item.itemObject) === null || _b === void 0 ? void 0 : _b.selected) && (item.itemObject.selected = false);
       ((_c = item.itemObject) === null || _c === void 0 ? void 0 : _c.indeterminate) && (item.itemObject.indeterminate = 'uncheck');
+      item.itemObject._ct = new Date().getTime();
       if (item.items) {
         setClear(id, item.items);
       }
@@ -947,6 +954,7 @@ class ListTagControl {
                 text: otherTagTextControl({ count: otherCounter, width: containerWidth[1] }),
                 title: snq(() => otherTags
                   .map(tag => this.values.find(value => value.id == tag.dataset.id))
+                  .sort((a, b) => a._ct - b._ct)
                   .slice(0, 15)
                   .map(item => StringHelper.textLimitter(item.tagTitle || item.text, 40, true))
                   .toString()

package/dist/components/generate.js

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

package/dist/components/index.d.ts

@@ -5,7 +5,7 @@ export { BcmAttendance as BcmAttendance } from '../types/components/other/attend
 export { BcmAutocomplete as BcmAutocomplete } from '../types/components/organism/autocomplete/autocomplete';
 export { BcmAvatar as BcmAvatar } from '../types/components/atoms/avatar/avatar';
 export { BcmBadge as BcmBadge } from '../types/components/atoms/badge/badge';
-export { BcmBox as BcmBox } from '../types/components/atoms/box/box';
+export { BcmBox as BcmBox } from '../types/components/other/box/box';
 export { BcmBreadcrumb as BcmBreadcrumb } from '../types/components/molecules/breadcrumb/breadcrumb';
 export { BcmButton as BcmButton } from '../types/components/atoms/button/button';
 export { BcmButtonGroup as BcmButtonGroup } from '../types/components/molecules/button-group/button-group';
@@ -75,7 +75,7 @@ export { BcmTabPane as BcmTabPane } from '../types/components/other_deprecated/t
 export { BcmTable as BcmTable } from '../types/components/other/data-table/table';
 export { BcmTabs as BcmTabs } from '../types/components/other_deprecated/tabs/tabs';
 export { BcmTabsContent as BcmTabsContent } from '../types/components/other_deprecated/tabs/tabs-content';
-export { BcmTag as BcmTag } from '../types/components/atoms/tag/tag';
+export { BcmTag as BcmTag } from '../types/components/other_deprecated/tag/tag';
 export { BcmText as BcmText } from '../types/components/other_deprecated/text/text';
 export { BcmTextarea as BcmTextarea } from '../types/components/molecules/textarea/textarea';
 export { BcmTimePicker as BcmTimePicker } from '../types/components/organism/time-picker/time-picker';
@@ -86,7 +86,7 @@ export { BcmTooltip as BcmTooltip } from '../types/components/molecules/tooltip/
 export { Bcmtreeview as BcmTreeview } from '../types/components/other_deprecated/treeview/treeview';
 export { BcmtreeviewGroup as BcmTreeviewGroup } from '../types/components/other_deprecated/treeview/treeview-group';
 export { BcmtreeviewItem as BcmTreeviewItem } from '../types/components/other_deprecated/treeview/treeview-item';
-export { BcmTypography as BcmTypography } from '../types/components/atoms/typography/typography';
+export { BcmTypography as BcmTypography } from '../types/components/other/typography/typography';
 export { OldBcmPopover as OldBcmPopover } from '../types/components/other_deprecated/old-popover/old-popover';
 export { OldBcmPopoverBox as OldBcmPopoverBox } from '../types/components/other_deprecated/old-popover/old-popover-box';
 

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { G as Generate } from './generate-b404f183.js';
 import './colors-fa05fe33.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-6c6d178a.js';
+import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-b404f183.js';
 import { c as classnames } from './index-ed9652af.js';
 import { c as createStore } from './index-93e36fdb.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { G as Generate } from './generate-b404f183.js';
 import './colors-fa05fe33.js';
 import './_commonjsHelpers-3016b722.js';
 

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

@@ -6,10 +6,10 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-39
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
 import { C as ColorHelper } from './color-helper-4fa5dd0d.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-6c6d178a.js';
-import { N as NumberHelper } from './number-helper-3d45cd6b.js';
+import { G as Generate } from './generate-b404f183.js';
+import { N as NumberHelper } from './number-helper-88c6ab7d.js';
 import './string-helper-6bd24967.js';
-import './validators-143e9133.js';
+import './validators-35be2684.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';

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

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { G as Generate } from './generate-b404f183.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-fa05fe33.js';
 

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
-import { G as Generate, s as snq } from './generate-6c6d178a.js';
+import { G as Generate, s as snq } from './generate-b404f183.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
 import { c as classnames } from './index-ed9652af.js';

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

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-39133086.js';
-import { s as snq, G as Generate } from './generate-6c6d178a.js';
+import { s as snq, G as Generate } from './generate-b404f183.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ed9652af.js';
 import { c as createStore } from './index-93e36fdb.js';

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

@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-39
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
 import { C as ColorHelper } from './color-helper-4fa5dd0d.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { G as Generate } from './generate-b404f183.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { S as SlotTemplate } from './slot-template-5b2db362.js';
 import './_commonjsHelpers-3016b722.js';

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

@@ -4,7 +4,7 @@
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate, s as snq } from './generate-6c6d178a.js';
+import { G as Generate, s as snq } from './generate-b404f183.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay, g as getChildElements } from './utils-57652744.js';
 import { c as createStore } from './index-93e36fdb.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { G as Generate } from './generate-b404f183.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
 import { c as getChilds, d as delay } from './utils-57652744.js';

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

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as CaptionTemplate } from './caption-template-da16ba7b.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { G as Generate } from './generate-b404f183.js';
 import { S as SlotTemplate } from './slot-template-5b2db362.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';

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

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { G as Generate } from './generate-b404f183.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-4fa5dd0d.js';
 import './colors-fa05fe33.js';