bromcom-ui 2.9.1-rc.1 → 2.9.1

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

@@ -7,11 +7,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-efeda203.js');
-const bcm = require('./bcm-9e47c4b2.js');
+const generate = require('./generate-0eddc1c1.js');
+const bcm = require('./bcm-7f703055.js');
 const index$1 = require('./index-95ae50d0.js');
 const colorHelper = require('./color-helper-c3a819ea.js');
-require('./package-2899048c.js');
+require('./package-4e6f5967.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 require('./colors-56282b00.js');
@@ -23,7 +23,7 @@ const BcmItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this._id = generate.Generate.UID();
-    this.size = bcm.Bcm$1.Size.medium;
+    this.size = bcm.Bcm.Size.medium;
     this.color = undefined;
     this.static = false;
   }

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

@@ -7,12 +7,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-efeda203.js');
-const stringHelper = require('./string-helper-4cd32dbb.js');
-require('./package-2899048c.js');
+const generate = require('./generate-0eddc1c1.js');
+const stringHelper = require('./string-helper-fda7cbba.js');
+require('./package-4e6f5967.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./bcm-9e47c4b2.js');
+require('./bcm-7f703055.js');
 
 const BcmItems = class {
   constructor(hostRef) {

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

@@ -8,23 +8,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-efeda203.js');
-const bcm = require('./bcm-9e47c4b2.js');
-const labelTemplate = require('./label-template-d531dfb7.js');
+const generate = require('./generate-0eddc1c1.js');
+const bcm = require('./bcm-7f703055.js');
+const labelTemplate = require('./label-template-80235581.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-require('./number-helper-b178b610.js');
-require('./string-helper-4cd32dbb.js');
-require('./validators-2adde99d.js');
-const tooltipHelper = require('./tooltip-helper-f828ebee.js');
+require('./number-helper-34f232b3.js');
+require('./string-helper-fda7cbba.js');
+require('./validators-72cc68b6.js');
+const tooltipHelper = require('./tooltip-helper-ed0f2ce9.js');
 require('./element-dragger-a8562f82.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-2899048c.js');
+require('./package-4e6f5967.js');
 require('./colors-078851ec.js');
-require('./slot-template-46018683.js');
+require('./slot-template-873b0cd5.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
-require('./floating-ui-4a2c2bd4.js');
+require('./floating-ui-b441ea7c.js');
 
 const labelCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}";
 
@@ -38,7 +38,7 @@ const BcmLabel = class {
     this.form = undefined;
     this.htmlFor = undefined;
     this.hidden = false;
-    this.type = bcm.Bcm$1.Status.default;
+    this.type = bcm.Bcm.Status.default;
     this.tooltip = undefined;
   }
   render() {
@@ -58,11 +58,11 @@ const BcmTooltip = class {
     this.bcmTooltipHide = index.createEvent(this, "bcmTooltipHide", 7);
     this._id = generate.Generate.UID();
     this.message = "";
-    this.placement = bcm.Bcm.Placement.top;
-    this.trigger = bcm.Bcm.TriggerType.click;
+    this.placement = bcm.Bcm$1.Placement.top;
+    this.trigger = bcm.Bcm$1.TriggerType.click;
     this.open = false;
     this.color = "slate";
-    this.size = bcm.Bcm.Size.medium;
+    this.size = bcm.Bcm$1.Size.medium;
     this.openDelay = 0;
     this.closeDelay = 0;
     this.autoHide = false;

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-const bcm = require('./bcm-9e47c4b2.js');
+const bcm = require('./bcm-7f703055.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 
 const linkCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-link{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline;color:var(--bcm-new-ds-color-blue-500)}.bcm-link.hidden{display:none}.bcm-link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.bcm-link__anchor{display:inline-flex;align-items:baseline;font-size:inherit;color:inherit}.bcm-link__anchor.prefix .prefix-icon{margin-right:4px}.bcm-link__anchor.suffix .suffix-icon{margin-left:4px}.bcm-link__anchor:hover,.bcm-link__anchor:focus,.bcm-link__anchor:active,.bcm-link__anchor:focus-visible{outline:none}.bcm-link__anchor:hover{color:var(--bcm-new-ds-color-blue-600)}.bcm-link__anchor:active{color:var(--bcm-new-ds-color-blue-700)}.bcm-link__anchor:focus-visible{color:var(--bcm-new-ds-color-blue-800)}";
@@ -21,7 +21,7 @@ const BcmLink = class {
     this.target = undefined;
     this.icon = undefined;
     this.disabled = false;
-    this.iconPosition = bcm.Bcm$1.IconPosition.prefix;
+    this.iconPosition = bcm.Bcm.IconPosition.prefix;
   }
   handleOnClick(e) {
     if (this.disabled) {
@@ -42,7 +42,7 @@ const BcmLink = class {
       'suffix': this.linkIsExternal(href)
     });
     const ElementTagType = href ? 'a' : 'span';
-    return (index.h(index.Host, { disabled: disabled, class: hostClasses }, index.h(ElementTagType, { class: classes, href: href, target: this.linkIsExternal(href) ? '_blank' : target }, icon && iconPosition === bcm.Bcm$1.IconPosition.prefix && index.h("bcm-icon", { class: "prefix-icon", icon: icon }), index.h("slot", null), this.linkIsExternal(href) && index.h("bcm-icon", { class: "suffix-icon", icon: "far fa-external-link-alt" }))));
+    return (index.h(index.Host, { disabled: disabled, class: hostClasses }, index.h(ElementTagType, { class: classes, href: href, target: this.linkIsExternal(href) ? '_blank' : target }, icon && iconPosition === bcm.Bcm.IconPosition.prefix && index.h("bcm-icon", { class: "prefix-icon", icon: icon }), index.h("slot", null), this.linkIsExternal(href) && index.h("bcm-icon", { class: "suffix-icon", icon: "far fa-external-link-alt" }))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/{bcm-linked_2.cjs.entry.js → bcm-linked.cjs.entry.js}

@@ -9,27 +9,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-efeda203.js');
-require('./number-helper-b178b610.js');
-require('./string-helper-4cd32dbb.js');
-require('./validators-2adde99d.js');
+const generate = require('./generate-0eddc1c1.js');
+require('./number-helper-34f232b3.js');
+require('./string-helper-fda7cbba.js');
+require('./validators-72cc68b6.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
-const floatingUi = require('./floating-ui-4a2c2bd4.js');
-const bcm = require('./bcm-9e47c4b2.js');
-const index$1 = require('./index-5279dea2.js');
+const floatingUi = require('./floating-ui-b441ea7c.js');
+const bcm = require('./bcm-7f703055.js');
 require('./colors-56282b00.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-2899048c.js');
+require('./package-4e6f5967.js');
 
 const BcmLinked = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.bcmOpen = index.createEvent(this, "bcm-open", 7);
     this._id = generate.Generate.UID();
-    this.placement = bcm.Bcm.Placement["bottom-start"];
-    this.trigger = bcm.Bcm.TriggerType.click;
+    this.placement = bcm.Bcm$1.Placement["bottom-start"];
+    this.trigger = bcm.Bcm$1.TriggerType.click;
     this.targetId = "";
     this.height = undefined;
     this.maxHeight = undefined;
@@ -102,7 +101,7 @@ const BcmLinked = class {
   }
   init() {
     const target = this.target();
-    this.trigger === bcm.Bcm.TriggerType.hover && this.listenMouseOver();
+    this.trigger === bcm.Bcm$1.TriggerType.hover && this.listenMouseOver();
     if (target) {
       target.setAttribute("is-linked", this.el.id);
       if (!generate.Generate.getAncestor(target, "bcm-linked")) {
@@ -117,7 +116,7 @@ const BcmLinked = class {
     this.init();
   }
   triggerWatch(newValue) {
-    if (newValue === bcm.Bcm.TriggerType.hover) {
+    if (newValue === bcm.Bcm$1.TriggerType.hover) {
       this.listenMouseOver();
     }
   }
@@ -165,7 +164,7 @@ const BcmLinked = class {
   clickListener(e) {
     if (!this.target())
       return;
-    if (this.trigger === bcm.Bcm.TriggerType.hover || this.trigger === bcm.Bcm.TriggerType.custom)
+    if (this.trigger === bcm.Bcm$1.TriggerType.hover || this.trigger === bcm.Bcm$1.TriggerType.custom)
       return;
     const isTarget = generate.Generate.findEventPath(e, this.target());
     const isSelf = generate.Generate.findEventPath(e, this.el);
@@ -217,73 +216,4 @@ const BcmLinked = class {
   }; }
 };
 
-const skeletonStyle = index$1.ce({
-  slots: {
-    host: "tw-bg-gray-200 tw-w-full tw-inline-block",
-  },
-  variants: {
-    variant: {
-      rect: {
-        host: "tw-rounded-md",
-      },
-      circle: {
-        host: "tw-rounded-full tw-w-8 tw-h-8",
-      },
-    },
-    effect: {
-      pulse: {
-        host: "tw-animate-pulse",
-      },
-      ping: {
-        host: "tw-animate-ping",
-      },
-      none: {
-        host: "tw-animate-none",
-      },
-    },
-  },
-  defaultVariants: {
-    variant: "rect",
-    effect: "pulse",
-  },
-});
-
-const skeletonCss = "@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([hidden]){display:none}:host{display:block;position:relative;overflow:hidden}";
-
-const BcmSkeleton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.items = [];
-    this._id = generate.Generate.UID();
-    this.effect = "pulse";
-    this.variant = "rect";
-    this.count = 1;
-    this.hidden = false;
-    this.width = null;
-    this.height = "16px";
-    this.marginBottom = null;
-    this.customStyles = {};
-  }
-  componentWillLoad() {
-    this.init();
-  }
-  componentWillUpdate() {
-    this.init();
-  }
-  init() {
-    this.items.length = this.count;
-    this.items.fill(1);
-  }
-  render() {
-    const { variant, effect, width, height, marginBottom, customStyles } = this;
-    const style = Object.assign(Object.assign(Object.assign(Object.assign({}, (width ? { width } : {})), (height ? { height } : {})), (marginBottom ? { marginBottom } : {})), (typeof customStyles === "string" ? JSON.parse(customStyles) : customStyles));
-    const { host } = skeletonStyle({ variant, effect });
-    return (index.h(index.Host, null, this.items.map((_, index$1) => {
-      return index.h("div", { role: "status", part: "base", key: index$1, class: host(), "aria-busy": "true", "aria-live": "polite", style: style });
-    })));
-  }
-};
-BcmSkeleton.style = skeletonCss;
-
 exports.bcm_linked = BcmLinked;
-exports.bcm_skeleton = BcmSkeleton;

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

@@ -8,17 +8,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c591ecec.js');
 const isLoadDecorator = require('./is-load-decorator-15036f37.js');
-const jsonParseDecarator = require('./json-parse-decarator-7d2677f0.js');
+const jsonParseDecarator = require('./json-parse-decarator-d9837dc7.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-efeda203.js');
-const numberHelper = require('./number-helper-b178b610.js');
-const stringHelper = require('./string-helper-4cd32dbb.js');
-const validators = require('./validators-2adde99d.js');
+const generate = require('./generate-0eddc1c1.js');
+const numberHelper = require('./number-helper-34f232b3.js');
+const stringHelper = require('./string-helper-fda7cbba.js');
+const validators = require('./validators-72cc68b6.js');
 require('./element-dragger-a8562f82.js');
-const popoverPlacement = require('./popover-placement-4156a9ec.js');
+const popoverPlacement = require('./popover-placement-f20020a6.js');
 const utils = require('./utils-fc077139.js');
-const bcm = require('./bcm-9e47c4b2.js');
+const bcm = require('./bcm-7f703055.js');
 const captionTemplate = require('./caption-template-81dbc490.js');
 const index = require('./index-95ae50d0.js');
 require('./types-cc4adee7.js');
@@ -26,11 +26,11 @@ require('./types-7523fd99.js');
 const index$2 = require('./index-d321de96.js');
 const index$3 = require('./index-e05a7c6f.js');
 const index$4 = require('./index-3d67f613.js');
-const inputTemplate = require('./input-template-c1e96592.js');
+const inputTemplate = require('./input-template-c37dc199.js');
 require('./colors-56282b00.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-2899048c.js');
+require('./package-4e6f5967.js');
 
 const CheckboxTemplate = ({ disabled, checked, readonly, required, indeterminate, hidden, captionType, _id }) => {
   // if ( indeterminate ) {
@@ -39,7 +39,7 @@ const CheckboxTemplate = ({ disabled, checked, readonly, required, indeterminate
   const hostClasses = index.classnames('bcm-checkbox', 'bcm-checkbox__type-default', `bcm-checkbox-size-medium`, {
     // 'size-2': size === Bcm.Size.small || size === Bcm.Size.medium,
     // 'size-3': optionType === 'button' && size === Bcm.Size.large,
-    'error': captionType == bcm.Bcm$1.Status.error,
+    'error': captionType == bcm.Bcm.Status.error,
     hidden,
     checked,
     disabled,
@@ -119,7 +119,7 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
       item.items.map((item) => (index$1.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) })))))));
 };
 
-const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, data, width, height, size, searchPlaceholder, minSearchLength, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable, searchIsOnlyChilds, emptyText, emptyIcon, }) => {
+const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, data, width, height, size, searchPlaceholder, minSearchLength, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable, searchIsOnlyChilds, emptyText, emptyIcon, handleTransitionEnd, }) => {
   const showSelectAll = !(treeview && searchFound > 0) && !(searchFound > 0);
   const setScrollHeight = () => {
     const itemHeight = size === 'small' ? 28 : size === 'medium' ? 36 : 48;
@@ -133,7 +133,7 @@ const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, ch
       'flex-direction': 'column',
     };
   };
-  return (index$1.h("div", { id: `bcm-list-${_id}`, class: bcmListContainer, style: { '--height': height, '--width': width } },
+  return (index$1.h("div", { id: `bcm-list-${_id}`, class: bcmListContainer, style: { '--height': height, '--width': width }, onTransitionEnd: e => handleTransitionEnd(e) },
     data && searchable && (index$1.h("section", { class: "bcm-list__container-search" },
       index$1.h("bcm-search", { size: size, id: `bcm-list-${_id}-search`, data: data, clearable: true, placeholder: searchPlaceholder, "min-search-length": minSearchLength, searchIsOnlyChilds: searchIsOnlyChilds }))),
     index$1.h("main", { onScroll: e => onScrollEvent(e), class: "scrolling", style: { 'overscroll-behavior': 'none' } },
@@ -823,22 +823,22 @@ class ListKeyControl extends KeyControl {
   }
   keyDown() {
     switch (this.getKeyCode()) {
-      case bcm.Bcm$1.KeyCode.up:
+      case bcm.Bcm.KeyCode.up:
         this.keyUpControl();
         break;
-      case bcm.Bcm$1.KeyCode.down:
+      case bcm.Bcm.KeyCode.down:
         this.keyDownControl();
         break;
-      case bcm.Bcm$1.KeyCode.left:
+      case bcm.Bcm.KeyCode.left:
         this.keyLeftControl();
         break;
-      case bcm.Bcm$1.KeyCode.right:
+      case bcm.Bcm.KeyCode.right:
         this.keyRightControl();
         break;
-      case bcm.Bcm$1.KeyCode.enter:
+      case bcm.Bcm.KeyCode.enter:
         this.keyEnterControl();
         break;
-      case bcm.Bcm$1.KeyCode.space:
+      case bcm.Bcm.KeyCode.space:
         this.keySpaceControl();
         break;
     }
@@ -866,10 +866,12 @@ const BcmList = class {
     this.change = index$1.createEvent(this, "bcm-change", 7);
     this.open = index$1.createEvent(this, "bcm-open", 3);
     this.close = index$1.createEvent(this, "bcm-close", 3);
+    this.listClose = index$1.createEvent(this, "bcm-list-close", 7);
+    this.listOpen = index$1.createEvent(this, "bcm-list-open", 7);
     this.debounce = null;
     this.debounceHandler = generate.Generate.debounceInput(() => this.listenResize(), 300, false);
     this._id = generate.Generate.UID();
-    this.type = bcm.Bcm.ListType.listbox;
+    this.type = bcm.Bcm$1.ListType.listbox;
     this.treeview = false;
     this.checkboxes = false;
     this.searchable = false;
@@ -877,7 +879,7 @@ const BcmList = class {
     this.inputText = undefined;
     this.name = undefined;
     this.label = undefined;
-    this.size = bcm.Bcm.Size.medium;
+    this.size = bcm.Bcm$1.Size.medium;
     this.disabled = false;
     this.readonly = false;
     this.highlight = false;
@@ -910,7 +912,7 @@ const BcmList = class {
     this.clearable = false;
     this.caption = undefined;
     this.noCaption = false;
-    this.captionType = bcm.Bcm.Status.default;
+    this.captionType = bcm.Bcm$1.Status.default;
     this.captionError = undefined;
     this.emptyText = undefined;
     this.emptyIcon = "fad fa-folder-open";
@@ -936,10 +938,10 @@ const BcmList = class {
       checked: false,
       disabled: false,
       icon: "",
-      status: bcm.Bcm.Status.default,
+      status: bcm.Bcm$1.Status.default,
       indeterminate: "uncheck",
     };
-    this.placement = bcm.Bcm.Placement["bottom-start"];
+    this.placement = bcm.Bcm$1.Placement["bottom-start"];
     this.disableChangeEvent = false;
     this.data = [];
     window.addEventListener("scroll", this.handleWheel.bind(this), true);
@@ -1049,6 +1051,7 @@ const BcmList = class {
     else {
       this.listScrollToTop();
       this.close.emit();
+      this.listClose.emit();
       await utils.delay(100);
       this.unSelectOther();
     }
@@ -1221,7 +1224,7 @@ const BcmList = class {
   //keyboard navigation
   handleKeyDown(ev) {
     const keycode = ev.keyCode || ev.which;
-    if (keycode === bcm.Bcm.KeyCode.escape) {
+    if (keycode === bcm.Bcm$1.KeyCode.escape) {
       if (this.isOpen) {
         this.isOpen = false;
         ev.preventDefault();
@@ -1566,10 +1569,17 @@ const BcmList = class {
       }
     }
   }
+  handleTransitionEnd(e) {
+    const { isOpen, type } = this;
+    const propertName = e === null || e === void 0 ? void 0 : e.propertyName;
+    if (isOpen && type == "select" && propertName == "transform") {
+      this.listOpen.emit();
+    }
+  }
   render() {
     const { checkboxes, treeview, label, size, disabled, readonly, required, hidden, fullWidth, searchable } = this.getOptions();
     const hostClasses = index.classnames("bcm-list", `bcm-list__size-${size}`, `bcm-list__${this.type}`, size === "large" ? "size-3" : "size-2", {
-      "error": this.captionType == bcm.Bcm.Status.error,
+      "error": this.captionType == bcm.Bcm$1.Status.error,
       "full-width": fullWidth,
       "bcm-list__linked": this.linkedComponent,
       hidden,
@@ -1578,7 +1588,7 @@ const BcmList = class {
     });
     const bcmListContainer = index.classnames("bcm-list__container", this.linkedComponent ? "bcm-list__type-linked-component" : `bcm-list__type-${this.type}`, {
       "is-open": this.isOpen && this.calculatedViewport,
-      "error": this.captionType == bcm.Bcm.Status.error,
+      "error": this.captionType == bcm.Bcm$1.Status.error,
       "full-width": fullWidth,
       hidden,
       readonly,
@@ -1593,7 +1603,7 @@ const BcmList = class {
         "--min-height": openedType ? "inherit" : this.minHeight,
       } }, index$1.h("div", { id: `bcm-list-label-${this._id}`, class: "bcm-list__label" }, label && (index$1.h("div", null, index$1.h("bcm-label", { tooltip: this.tooltip, size: this.size, type: this.captionType, value: label, required: required, htmlFor: this._id })))), this.type == "select" && (index$1.h("div", { id: `bcm-list-input-${this._id}`, class: bcmListInput }, index$1.h("span", { class: index.classnames("bcm-list__input-container", { "type-single": !checkboxes, "value-empty": !this.value }) }, this.checkboxes ? (this.value && this.value.length > 0 ? (index$1.h("bcm-rc-overflow", { data: this.tagData, maxCount: this.tagCount })) : (index$1.h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))) : this.value ? (this.inputText) : (index$1.h("span", { class: "bcm-list__input-placeholder" }, this.placeholder))), index$1.h("span", { class: index.classnames("bcm-list__input-buttons", {
         disabled: disabled,
-      }) }, this.clearable && this.value && (index$1.h("div", { class: "bcm-list__input-buttons-button" }, index$1.h("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), index$1.h("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, index$1.h("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (index$1.h("div", { id: `bcm-list-input-${this._id}`, class: index.classnames(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, index$1.h("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && index$1.h("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), index$1.h("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), index$1.h(ListTemplate, { highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon }), index$1.h(captionTemplate.CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+      }) }, this.clearable && this.value && (index$1.h("div", { class: "bcm-list__input-buttons-button" }, index$1.h("bcm-icon", { icon: "fal fa-times", onClick: e => !disabled && this.setClear(e) }))), index$1.h("div", { class: `bcm-list__input-buttons-button caret-is ${this.isOpen && this.calculatedViewport && "caret-is-open"}` }, index$1.h("bcm-icon", { icon: `far fa-angle-down` }))))), this.type === "autocomplete" && (index$1.h("div", { id: `bcm-list-input-${this._id}`, class: index.classnames(bcmListInput, { "bcm-list__input-autocomplete": this.type == "autocomplete" }) }, index$1.h("span", { class: "bcm-list__input-container", id: `bcm-list-input-tag-container-${this._id}` }, this.checkboxes && index$1.h("span", { class: "bcm-list__input-tag-container", id: `bcm-list-input-tag-container-${this._id}-autocomplete` }), index$1.h("bcm-search", { id: `bcm-list-input-tag-container-${this._id}-autocomplete-input`, class: "bcm-list__autocomplete", data: this.data, clearable: true, "full-width": true, "no-caption": true, placeholder: this.placeholder })))), index$1.h(ListTemplate, { highlight: this.highlightText, searchable: this.type == "autocomplete" ? false : searchable, bcmListContainer: bcmListContainer, checkboxes: checkboxes, treeview: treeview, infoFooter: this.infoFooter, value: this.value, totalData: this.totalData, searchFound: this.searchFound, variableText: this.variableText, searchPlaceholder: this.searchPlaceholder, minSearchLength: this.minSearchLength, searchIsOnlyChilds: this.searchIsOnlyChilds, _id: this._id, checkAll: this.checkAll, data: this.getItems(), width: this.width, height: this.height, size: this.size, selectAllItem: this.selectAllItem, onScrollEvent: e => this.dataScrollEvent(e), items: this.getLimitedItems(this.searchGetParents), selectedItem: itemId => this.selectedItem(itemId), checkedItem: itemId => this.checkedItem(itemId), openGroup: parentId => this.openGroup(parentId), focusItem: itemId => this.focusItem(itemId), emptyText: this.emptyText, emptyIcon: this.emptyIcon, handleTransitionEnd: e => this.handleTransitionEnd(e) }), index$1.h(captionTemplate.CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
   }
   get el() { return index$1.getElement(this); }
   static get watchers() { return {
@@ -2428,7 +2438,7 @@ const BcmSearch = class {
     this.disabled = false;
     this.readonly = false;
     this.clearable = true;
-    this.size = bcm.Bcm$1.Size.medium;
+    this.size = bcm.Bcm.Size.medium;
     this.limit = 10;
     this.searchIsOnlyChilds = false;
     this.minSearchLength = 2;

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

@@ -10,20 +10,20 @@ const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-efeda203.js');
-require('./number-helper-b178b610.js');
-require('./string-helper-4cd32dbb.js');
-require('./validators-2adde99d.js');
-const tooltipHelper = require('./tooltip-helper-f828ebee.js');
+const generate = require('./generate-0eddc1c1.js');
+require('./number-helper-34f232b3.js');
+require('./string-helper-fda7cbba.js');
+require('./validators-72cc68b6.js');
+const tooltipHelper = require('./tooltip-helper-ed0f2ce9.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-9e47c4b2.js');
+require('./bcm-7f703055.js');
 const isLoadDecorator = require('./is-load-decorator-15036f37.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
-require('./package-2899048c.js');
-require('./floating-ui-4a2c2bd4.js');
+require('./package-4e6f5967.js');
+require('./floating-ui-b441ea7c.js');
 
 const menuCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}";
 

package/dist/cjs/bcm-modal-2-footer.cjs.entry.js

@@ -9,18 +9,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-efeda203.js');
-require('./number-helper-b178b610.js');
-require('./string-helper-4cd32dbb.js');
-require('./validators-2adde99d.js');
+const generate = require('./generate-0eddc1c1.js');
+require('./number-helper-34f232b3.js');
+require('./string-helper-fda7cbba.js');
+require('./validators-72cc68b6.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-9e47c4b2.js');
+require('./bcm-7f703055.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-2899048c.js');
+require('./package-4e6f5967.js');
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

package/dist/cjs/bcm-modal-2-header.cjs.entry.js

@@ -9,17 +9,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-efeda203.js');
-require('./number-helper-b178b610.js');
-require('./string-helper-4cd32dbb.js');
-require('./validators-2adde99d.js');
+const generate = require('./generate-0eddc1c1.js');
+require('./number-helper-34f232b3.js');
+require('./string-helper-fda7cbba.js');
+require('./validators-72cc68b6.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-9e47c4b2.js');
+require('./bcm-7f703055.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-2899048c.js');
+require('./package-4e6f5967.js');
 
 const BcmModal2Header = class {
   constructor(hostRef) {

package/dist/cjs/bcm-modal-2.cjs.entry.js

@@ -9,18 +9,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-efeda203.js');
-require('./number-helper-b178b610.js');
-require('./string-helper-4cd32dbb.js');
-require('./validators-2adde99d.js');
+const generate = require('./generate-0eddc1c1.js');
+require('./number-helper-34f232b3.js');
+require('./string-helper-fda7cbba.js');
+require('./validators-72cc68b6.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
-const bcm = require('./bcm-9e47c4b2.js');
+const bcm = require('./bcm-7f703055.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-2899048c.js');
+require('./package-4e6f5967.js');
 
 const BcmModal2 = class {
   constructor(hostRef) {
@@ -33,7 +33,7 @@ const BcmModal2 = class {
     this.isShow = false;
     this.center = false;
     this.zIndex = "10400";
-    this.size = bcm.Bcm.Size.medium;
+    this.size = bcm.Bcm$1.Size.medium;
     this.backdrop = true;
     this.fullWidth = false;
     this.fullScreen = false;