bromcom-ui 2.11.2-test.0 → 2.12.0-test.0

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

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-64f84d95.js');
-require('./package-992c024f.js');
-require('./colors-078851ec.js');
+const generate = require('./generate-c09a3ff3.js');
+require('./package-6483ada2.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 
 const defaultCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}";

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

@@ -7,19 +7,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-require('./color-helper-c3a819ea.js');
-require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-require('./number-helper-f9323233.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-c09a3ff3.js');
+require('./number-helper-243f0583.js');
 require('./string-helper-f9184277.js');
+require('./validators-e7423b70.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-489c9b1a.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
-require('./colors-078851ec.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
+require('./package-6483ada2.js');
 
 const drawerCss = "@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-drawer{user-select:none;position:absolute;width:100vw;height:100vh;top:-100%;left:-100%;overflow:hidden;visibility:hidden}.bcm-drawer--open{visibility:visible;top:0;left:0}.bcm-drawer__content{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;user-select:text;position:fixed;width:100%;height:100%;background-color:#f1f5f9;z-index:10350;transition:transform 0.2s ease-in-out;transform:translateX(-100%);visibility:hidden;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.bcm-drawer__content-body{padding:0 24px 24px 24px}.bcm-drawer__content.full-width{max-width:100%}.bcm-drawer__content-header{padding:24px 24px 0 24px;display:flex;justify-content:space-between;align-items:flex-start;color:var(--bcm-color-grey-8);margin-bottom:8px}.bcm-drawer__content-header-close{padding:4px 8px;margin-right:-4px;margin-top:-4px;color:var(--bcm-color-grey-7)}.bcm-drawer__content-header-close:hover{cursor:pointer;color:var(--bcm-color-grey-8)}.bcm-drawer__content-footer{padding:12px 24px}.bcm-drawer__content--position-left,.bcm-drawer__content--position-right{max-width:500px}.bcm-drawer__content--position-left.full-width,.bcm-drawer__content--position-right.full-width{max-width:100%}.bcm-drawer__content--position-top,.bcm-drawer__content--position-bottom{max-height:500px}.bcm-drawer__content--position-top.full-width,.bcm-drawer__content--position-bottom.full-width{max-height:100%}.bcm-drawer__content--position-left{transform:translateX(-100%);top:0;left:0}.bcm-drawer__content--position-top{transform:translateY(-100%);top:0;left:0}.bcm-drawer__content--position-right{transform:translateX(100%);top:0;right:0}.bcm-drawer__content--position-bottom{transform:translateY(100%);bottom:0;left:0}.bcm-drawer__content--open{transform:translateX(0);visibility:visible}.bcm-drawer__content--close{visibility:visible}.bcm-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:10349;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out}.bcm-drawer__overlay--close{opacity:0;visibility:visible;transform:translateX(-100%)}.bcm-drawer__overlay--open{opacity:1;visibility:visible;transform:translateX(0)}";
 

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

@@ -9,12 +9,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
 const isLoadDecorator = require('./is-load-decorator-15036f37.js');
-const jsonParseDecarator = require('./json-parse-decarator-9db107be.js');
-const generate = require('./generate-64f84d95.js');
+const jsonParseDecarator = require('./json-parse-decarator-d32b1b4a.js');
+const generate = require('./generate-c09a3ff3.js');
 const bcm = require('./bcm-489c9b1a.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
-require('./colors-078851ec.js');
+require('./package-6483ada2.js');
+require('./colors-250d0982.js');
 
 const dropdownCss = "@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-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease;padding-top:2px}.bcm-dropdown__icon--open{transform:rotate(180deg)}";
 

package/dist/cjs/bcm-expansion-panel.cjs.entry.js

@@ -7,12 +7,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-64f84d95.js');
+const generate = require('./generate-c09a3ff3.js');
 const index$1 = require('./index-95ae50d0.js');
 const stringHelper = require('./string-helper-f9184277.js');
-const colorHelper = require('./color-helper-c3a819ea.js');
-require('./package-992c024f.js');
-require('./colors-078851ec.js');
+const colorHelper = require('./color-helper-dc98a2ca.js');
+require('./package-6483ada2.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 require('./bcm-489c9b1a.js');
 require('./colors-56282b00.js');

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

@@ -0,0 +1,213 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c591ecec.js');
+const isLoadDecorator = require('./is-load-decorator-15036f37.js');
+const generate = require('./generate-c09a3ff3.js');
+const stringHelper = require('./string-helper-f9184277.js');
+const bcm = require('./bcm-489c9b1a.js');
+require('./package-6483ada2.js');
+require('./colors-250d0982.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+
+const BcmFormComponents = [
+  'BCM-INPUT',
+  'BCM-TEXTAREA',
+  'BCM-SWITCH',
+  'BCM-CHECKBOX',
+  'BCM-RADIO-GROUP',
+  'BCM-CHECKBOX-GROUP',
+  'BCM-RANGE',
+  'BCM-FORM',
+  'BCM-FORM-GROUP',
+  'BCM-LIST',
+  'BCM-COLORPICKER',
+  'BCM-DATE',
+  'BCM-DATE-PICKER',
+  'BCM-TIME-PICKER',
+  'BCM-DATETIME-PICKER',
+  'BCM-SELECT',
+  'BCM-LISTBOX',
+  'BCM-CHIP-GROUP',
+  'BCM-INPUT-DROPDOWN',
+  'BCM-NUMBER-INPUT',
+  //... to be added to v3
+];
+
+const form2Css = "@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}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const BcmForm2 = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.bcmForm = index.createEvent(this, "bcm-form", 7);
+    this.isLoad = false;
+    this.formData = {};
+    this.formObj = new Map();
+    this._id = generate.Generate.UID();
+    this.validation = false;
+  }
+  componentDidLoad() {
+    this.isLoad = true;
+    index.forceUpdate(this);
+  }
+  componentIsValid(element) {
+    if (!element.hidden) {
+      this.checkIsGroup(element);
+      const noValid = ['bcm-checkbox', 'bcm-switch'].includes(stringHelper.StringHelper.lowercase(element.tagName)) ? element.value == false : stringHelper.StringHelper.isNullOrEmpty(element.value);
+      if (element.required) {
+        if (noValid) {
+          element.captionError = bcm.Bcm.FormErrorMessages.required;
+          element.captionType = 'error';
+          this.formObj.set(element.id, {
+            name: element.name,
+            valid: false,
+            errorDetails: element.captionError,
+          });
+        }
+        else {
+          element.captionError = null;
+          element.captionType = 'default';
+          this.formObj.delete(element.id);
+        }
+      }
+    }
+  }
+  isGroup(el) {
+    return ['bcm-checkbox-group'].includes(stringHelper.StringHelper.lowercase(el.tagName));
+  }
+  checkIsGroup(element) {
+    if (this.isGroup(element)) {
+      for (let checkbox of Array.from(element.querySelectorAll('bcm-checkbox'))) {
+        checkbox && this.componentIsValid(checkbox);
+      }
+    }
+  }
+  changeCheckboxGroup(event) {
+    const element = event.target;
+    const { changed } = event.detail;
+    const checkboxes = Array.from(element.querySelectorAll('bcm-checkbox'));
+    for (let checkbox of checkboxes) {
+      if (checkbox.id == changed.element.id) {
+        checkbox.value = changed.event.value;
+        this.componentIsValid(checkbox);
+      }
+    }
+  }
+  bcmComponentList() {
+    return generate.snq(() => Array.from(this.el.querySelectorAll('*'))
+      .filter(item => BcmFormComponents.includes(item.tagName) && (!item['s-hn'] || item['s-hn'] == 'BCM-FORM-2'))
+      .filter(Boolean), []);
+  }
+  formResponse() {
+    const formRespObj = {
+      formData: this.formData,
+      isValid: this.formObj.size == 0,
+      errorDetails: Object.assign({}, (this.formObj.size > 0 &&
+        Array.from(this.formObj).map(([_, value]) => ({
+          [value.name]: value.errorDetails,
+        })))),
+      message: this.formObj.size == 0 ? '' : 'Please fill in all inputs',
+    };
+    this.bcmForm.emit(formRespObj);
+    return formRespObj;
+  }
+  async setMethodType(type) {
+    const { isLoad, validation } = this;
+    if (isLoad) {
+      for (const component of this.bcmComponentList()) {
+        try {
+          await component[type]();
+          type == 'setClear' && validation && (this.componentIsValid(component));
+        }
+        catch (e) {
+          console.error(component.nodeName, type, e);
+        }
+      }
+    }
+    return Promise.resolve();
+  }
+  async submit() {
+    const { isLoad, validation } = this;
+    if (isLoad) {
+      for (const item of this.bcmComponentList()) {
+        const { name, value } = item;
+        this.formData[name] = stringHelper.StringHelper.isNullOrEmpty(value) ? null : value;
+        validation && this.componentIsValid(item);
+      }
+    }
+    return Promise.resolve(this.formResponse());
+  }
+  async set(data) {
+    var _a, _b, _c;
+    if (this.isLoad && data && ((_a = this.bcmComponentList()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      for (let key of Object.keys(data)) {
+        const element = (_c = (_b = this.bcmComponentList()) === null || _b === void 0 ? void 0 : _b.find((item) => item.name == key)) !== null && _c !== void 0 ? _c : {};
+        if (element) {
+          try {
+            await element.set(data[key]);
+            this.componentIsValid(element);
+          }
+          catch (error) {
+            console.warn('set: ', key, element.nodeName);
+          }
+        }
+      }
+    }
+  }
+  async get() {
+    var _a;
+    let form = {};
+    if (((_a = this.bcmComponentList()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      for (let element of this.bcmComponentList()) {
+        const value = await element.get();
+        form = Object.assign(Object.assign({}, form), { [element.name]: stringHelper.StringHelper.isNullOrEmpty(value) ? null : value });
+      }
+    }
+    return Promise.resolve(form);
+  }
+  async resetCaption() {
+    return Promise.resolve(await this.setMethodType('resetCaption'));
+  }
+  async setClear() {
+    this.formData = {};
+    this.formObj = new Map();
+    return Promise.resolve(await this.setMethodType('setClear'));
+  }
+  onChange(event) {
+    const { isLoad, validation } = this;
+    if (isLoad) {
+      const target = event.target;
+      const isBcmElement = target && target.tagName.toLowerCase().startsWith('bcm-');
+      if (validation && isBcmElement) {
+        if (this.isGroup(target))
+          return this.changeCheckboxGroup(event);
+        this.componentIsValid(target);
+      }
+    }
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
+__decorate([
+  isLoadDecorator.IsLoad()
+], BcmForm2.prototype, "el", void 0);
+BcmForm2.style = form2Css;
+
+exports.bcm_form_2 = BcmForm2;

package/dist/cjs/bcm-input-custom.cjs.entry.js

@@ -7,10 +7,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-64f84d95.js');
+const generate = require('./generate-c09a3ff3.js');
 const index$1 = require('./index-95ae50d0.js');
-require('./package-992c024f.js');
-require('./colors-078851ec.js');
+require('./package-6483ada2.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 
 const BcmInputCustom = class {

package/dist/cjs/bcm-input-dropdown.cjs.entry.js

@@ -7,11 +7,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c591ecec.js');
-require('./color-helper-c3a819ea.js');
-require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-require('./number-helper-f9323233.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-c09a3ff3.js');
+require('./number-helper-243f0583.js');
 require('./string-helper-f9184277.js');
+require('./validators-e7423b70.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-489c9b1a.js');
 const captionTemplate = require('./caption-template-086e9cac.js');
@@ -21,9 +22,9 @@ require('./types-7523fd99.js');
 const index = require('./index-5279dea2.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
-require('./colors-078851ec.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
+require('./package-6483ada2.js');
 
 const inputDropdownStyle = index.ce({
   slots: {

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

@@ -7,12 +7,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-64f84d95.js');
+const generate = require('./generate-c09a3ff3.js');
 const bcm = require('./bcm-489c9b1a.js');
 const index$1 = require('./index-95ae50d0.js');
-const colorHelper = require('./color-helper-c3a819ea.js');
-require('./package-992c024f.js');
-require('./colors-078851ec.js');
+const colorHelper = require('./color-helper-dc98a2ca.js');
+require('./package-6483ada2.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');

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

@@ -7,10 +7,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-const generate = require('./generate-64f84d95.js');
+const generate = require('./generate-c09a3ff3.js');
 const stringHelper = require('./string-helper-f9184277.js');
-require('./package-992c024f.js');
-require('./colors-078851ec.js');
+require('./package-6483ada2.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 require('./bcm-489c9b1a.js');
 

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

@@ -8,12 +8,13 @@ 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-9db107be.js');
-require('./color-helper-c3a819ea.js');
-const validators = require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-const numberHelper = require('./number-helper-f9323233.js');
+const jsonParseDecarator = require('./json-parse-decarator-d32b1b4a.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-c09a3ff3.js');
+const numberHelper = require('./number-helper-243f0583.js');
 const stringHelper = require('./string-helper-f9184277.js');
+const validators = require('./validators-e7423b70.js');
 require('./element-dragger-a8562f82.js');
 const popoverPlacement = require('./popover-placement-e7d6eabd.js');
 const utils = require('./utils-fc077139.js');
@@ -23,12 +24,13 @@ const index = require('./index-95ae50d0.js');
 require('./types-cc4adee7.js');
 require('./types-7523fd99.js');
 const index$2 = require('./index-d321de96.js');
-const Overflow = require('./Overflow-a821abd0.js');
-const inputTemplate = require('./input-template-9c106337.js');
+const Overflow = require('./Overflow-7a86d378.js');
+const index$3 = require('./index-e05a7c6f.js');
+const inputTemplate = require('./input-template-8ca49c2e.js');
 require('./colors-56282b00.js');
-require('./colors-078851ec.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
+require('./package-6483ada2.js');
 
 const CheckboxTemplate = ({ disabled, checked, readonly, required, indeterminate, hidden, captionType, _id }) => {
   // if ( indeterminate ) {
@@ -1676,37 +1678,37 @@ const BcmRcOverflow = class {
     this.selectTag = index$1.createEvent(this, "bcm-select-tag", 7);
     this.deleteTag = index$1.createEvent(this, "bcm-delete-tag", 7);
     this.renderItem = item => {
-      return Overflow.react.createElement("bcm-tooltip", {
+      return index$3.react.createElement("bcm-tooltip", {
         placement: "bottom",
         message: item.text,
         trigger: "hover",
-      }, Overflow.react.createElement("div", {
+      }, index$3.react.createElement("div", {
         id: item.value + "-tag",
         className: "bcm-tag",
         onClick: ({ target }) => this.onClickControl(target, item, false),
-      }, Overflow.react.createElement("span", { className: "bcm-tag__content dismissable" }, 
+      }, index$3.react.createElement("span", { className: "bcm-tag__content dismissable" }, 
       // .bcm-tag__content span {
       //     display: block;
       //     max-width: 38px;
       //     white-space: nowrap;
       //     overflow: hidden;
       //     text-overflow: ellipsis;
-      Overflow.react.createElement("div", { className: "value tw-block tw-max-w-[38px] tw-overflow-hidden tw-overflow-ellipsis tw-whitespace-nowrap" }, item.text), Overflow.react.createElement("span", {
+      index$3.react.createElement("div", { className: "value tw-block tw-max-w-[38px] tw-overflow-hidden tw-overflow-ellipsis tw-whitespace-nowrap" }, item.text), index$3.react.createElement("span", {
         className: "right close-button",
-      }, Overflow.react.createElement("bcm-icon", {
+      }, index$3.react.createElement("bcm-icon", {
         icon: "fa fa-times",
       })))));
     };
     this.renderRest = items => {
       const titles = (items === null || items === void 0 ? void 0 : items.sort((a, b) => +a.ct - +b.ct).slice(0, 15).map(item => stringHelper.StringHelper.textLimitter(item.text, 40, true)).toString().split(",").join("\r\n")) + (items.length > 15 ? "\r\n..." : "");
-      return Overflow.react.createElement("bcm-tooltip", {
+      return index$3.react.createElement("bcm-tooltip", {
         placement: "bottom",
         message: titles,
         trigger: "hover",
-      }, Overflow.react.createElement("div", {
+      }, index$3.react.createElement("div", {
         className: "bcm-tag bcm-tag--other",
         onClick: ({ target }) => this.onClickControl(target, items, true),
-      }, Overflow.react.createElement("span", { className: `bcm-tag__content dismissable ${this.checked ? "checkable checked" : ""}` }, Overflow.react.createElement("span", { className: "value" }, `+${items === null || items === void 0 ? void 0 : items.length}`), Overflow.react.createElement("span", { className: "right close-button" }, Overflow.react.createElement("bcm-icon", {
+      }, index$3.react.createElement("span", { className: `bcm-tag__content dismissable ${this.checked ? "checkable checked" : ""}` }, index$3.react.createElement("span", { className: "value" }, `+${items === null || items === void 0 ? void 0 : items.length}`), index$3.react.createElement("span", { className: "right close-button" }, index$3.react.createElement("bcm-icon", {
         icon: "fa fa-times",
       })))));
     };
@@ -1729,13 +1731,13 @@ const BcmRcOverflow = class {
   }
   componentWillRender() {
     const { data, renderItem, renderRest, maxCount } = this;
-    this.overflowInstance = Overflow.react.createElement(Overflow.ForwardOverflow, {
+    this.overflowInstance = index$3.react.createElement(Overflow.ForwardOverflow, {
       data,
       renderItem,
       renderRest,
       maxCount,
     });
-    Overflow.reactDom.render(this.overflowInstance, this.el);
+    index$3.reactDom.render(this.overflowInstance, this.el);
   }
   get el() { return index$1.getElement(this); }
 };

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

@@ -8,20 +8,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-require('./color-helper-c3a819ea.js');
-require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-require('./number-helper-f9323233.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-c09a3ff3.js');
+require('./number-helper-243f0583.js');
 require('./string-helper-f9184277.js');
-const tooltipHelper = require('./tooltip-helper-cb99c02e.js');
+require('./validators-e7423b70.js');
+const tooltipHelper = require('./tooltip-helper-31cc88d8.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-489c9b1a.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-992c024f.js');
+require('./colors-250d0982.js');
+require('./package-6483ada2.js');
 require('./floating-ui-21890d11.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

@@ -7,19 +7,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-require('./color-helper-c3a819ea.js');
-require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-require('./number-helper-f9323233.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-c09a3ff3.js');
+require('./number-helper-243f0583.js');
 require('./string-helper-f9184277.js');
+require('./validators-e7423b70.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-489c9b1a.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
-require('./colors-078851ec.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
+require('./package-6483ada2.js');
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

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

@@ -7,18 +7,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-require('./color-helper-c3a819ea.js');
-require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-require('./number-helper-f9323233.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-c09a3ff3.js');
+require('./number-helper-243f0583.js');
 require('./string-helper-f9184277.js');
+require('./validators-e7423b70.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-489c9b1a.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
-require('./colors-078851ec.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
+require('./package-6483ada2.js');
 
 const BcmModal2Header = class {
   constructor(hostRef) {

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

@@ -7,19 +7,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-require('./color-helper-c3a819ea.js');
-require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-require('./number-helper-f9323233.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-c09a3ff3.js');
+require('./number-helper-243f0583.js');
 require('./string-helper-f9184277.js');
+require('./validators-e7423b70.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
 const bcm = require('./bcm-489c9b1a.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
-require('./colors-078851ec.js');
+require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
+require('./package-6483ada2.js');
 
 const BcmModal2 = class {
   constructor(hostRef) {