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

package/dist/cjs/{tooltip-helper-434735c4.js → tooltip-helper-c64743ba.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-2f652f99.js');
+require('./number-helper-d866e132.js');
+require('./validators-cadebc98.js');
 const bcm = require('./bcm-634604e3.js');
 
 class Tooltip {

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-5d859f16.js');
+const generate = require('./generate-2f652f99.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/molecules/input/input.js

@@ -138,7 +138,8 @@ export class BcmInput {
   async getValue() {
     return this.value;
   }
-  watchValue() {
+  watchValue(newValue) {
+    this.inputElement.value = newValue;
     if (!this.disableWatchValue && this.type != "number") {
       this.handleChange();
     }

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

@@ -27,6 +27,7 @@ export class BcmLinked {
     this.maxHeight = undefined;
     this.minHeight = "50px";
     this.isOpen = false;
+    this.hideDelay = 500;
     this.isMouseOverLink = false;
   }
   target() {
@@ -184,7 +185,7 @@ export class BcmLinked {
   handleMouseLeave() {
     setTimeout(() => {
       !this.isMouseOverLink && this.hide();
-    }, 500);
+    }, this.hideDelay);
   }
   handleMouseEnter() {
     clearTimeout(this.timeoutId);
@@ -349,6 +350,24 @@ export class BcmLinked {
         "attribute": "is-open",
         "reflect": true,
         "defaultValue": "false"
+      },
+      "hideDelay": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-delay",
+        "reflect": false,
+        "defaultValue": "500"
       }
     };
   }

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/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.8";
 
 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/components/input.js

@@ -153,7 +153,8 @@ const BcmInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async getValue() {
     return this.value;
   }
-  watchValue() {
+  watchValue(newValue) {
+    this.inputElement.value = newValue;
     if (!this.disableWatchValue && this.type != "number") {
       this.handleChange();
     }

package/dist/components/linked.js

@@ -37,6 +37,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.maxHeight = undefined;
     this.minHeight = "50px";
     this.isOpen = false;
+    this.hideDelay = 500;
     this.isMouseOverLink = false;
   }
   target() {
@@ -194,7 +195,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   handleMouseLeave() {
     setTimeout(() => {
       !this.isMouseOverLink && this.hide();
-    }, 500);
+    }, this.hideDelay);
   }
   handleMouseEnter() {
     clearTimeout(this.timeoutId);
@@ -219,6 +220,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "maxHeight": [1, "max-height"],
     "minHeight": [1, "min-height"],
     "isOpen": [1540, "is-open"],
+    "hideDelay": [2, "hide-delay"],
     "isMouseOverLink": [32],
     "show": [64],
     "hide": [64],

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-508e45d7.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-508e45d7.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-508e45d7.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-508e45d7.js';
+import { N as NumberHelper } from './number-helper-b9dc0cca.js';
 import './string-helper-6bd24967.js';
-import './validators-143e9133.js';
+import './validators-89c43bb2.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-508e45d7.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-508e45d7.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-508e45d7.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-508e45d7.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-508e45d7.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-508e45d7.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-508e45d7.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-508e45d7.js';
 import { c as classnames } from './index-ed9652af.js';
 import { C as ColorHelper } from './color-helper-4fa5dd0d.js';
 import './colors-fa05fe33.js';

package/dist/esm/bcm-collapse.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-508e45d7.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-fa05fe33.js';
 

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
 import './color-helper-4fa5dd0d.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-6c6d178a.js';
-import './number-helper-3d45cd6b.js';
+import { G as Generate } from './generate-508e45d7.js';
+import './number-helper-b9dc0cca.js';
 import './string-helper-6bd24967.js';
-import './validators-143e9133.js';
+import './validators-89c43bb2.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';
@@ -16,14 +16,12 @@ import './utils-57652744.js';
 import './colors-fa05fe33.js';
 import './_commonjsHelpers-3016b722.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 = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this._id = Generate.UID();
-    this.label = "Color Picker";
-    this.placeholder = "Color Picker";
+    this.label = "";
+    this.placeholder = "";
     this.value = "";
     this.required = false;
     this.disabled = false;
@@ -43,14 +41,12 @@ const BcmColorInput = class {
   }
   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) => {
@@ -66,12 +62,11 @@ const BcmColorInput = class {
     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 getElement(this); }
 };
-BcmColorInput.style = colorInputCss;
 
 export { BcmColorInput as bcm_color_input };

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

@@ -7,10 +7,10 @@ import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpe
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
 import './color-helper-4fa5dd0d.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-6c6d178a.js';
-import './number-helper-3d45cd6b.js';
+import { G as Generate } from './generate-508e45d7.js';
+import './number-helper-b9dc0cca.js';
 import './string-helper-6bd24967.js';
-import './validators-143e9133.js';
+import './validators-89c43bb2.js';
 import './element-dragger-89bb52fd.js';
 import { d as delay } from './utils-57652744.js';
 import { F as FloatingUI } from './floating-ui-e7341329.js';
@@ -17784,6 +17784,7 @@ const BcmLinked = class {
     this.maxHeight = undefined;
     this.minHeight = "50px";
     this.isOpen = false;
+    this.hideDelay = 500;
     this.isMouseOverLink = false;
   }
   target() {
@@ -17941,7 +17942,7 @@ const BcmLinked = class {
   handleMouseLeave() {
     setTimeout(() => {
       !this.isMouseOverLink && this.hide();
-    }, 500);
+    }, this.hideDelay);
   }
   handleMouseEnter() {
     clearTimeout(this.timeoutId);

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

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

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

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

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

@@ -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-508e45d7.js';
 import './colors-fa05fe33.js';
 import './_commonjsHelpers-3016b722.js';
 

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

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

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

@@ -5,8 +5,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { J as JsonParse } from './json-parse-decarator-fb94a9f7.js';
-import { G as Generate } from './generate-6c6d178a.js';
+import { J as JsonParse } from './json-parse-decarator-0159345f.js';
+import { G as Generate } from './generate-508e45d7.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-fa05fe33.js';

package/dist/esm/bcm-expansion-panel.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-508e45d7.js';
 import { c as classnames } from './index-ed9652af.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import { C as ColorHelper } from './color-helper-4fa5dd0d.js';