bromcom-ui 2.7.2 → 2.7.3

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const snq_es5 = require('./snq.es5-1a8f9645.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');
@@ -162,8 +162,7 @@ const BcmInput = class {
     this.blur.emit();
   }
   handleChange() {
-    this.value = this.inputElement.value;
-    this.change.emit(this.value);
+    this.valueSync();
   }
   handleInput() {
     if (this.type == "number" && this.maxLength) {
@@ -172,8 +171,16 @@ const BcmInput = class {
         this.inputElement.value = inputValue.substring(0, this.maxLength);
       }
     }
-    this.value = this.inputElement.value;
+    this.valueSync();
+  }
+  valueSync() {
+    if (this.value != this.inputElement.value) {
+      this.value = this.inputElement.value;
+      this.change.emit(this.value);
+      return true;
+    }
     this.input.emit(this.value);
+    return false;
   }
   handleClear(e) {
     this.inputElement.value = '';
@@ -191,6 +198,7 @@ const BcmInput = class {
     this.captionError = captionType == "error" ? caption : null;
   }
   stepUpOrDown(type) {
+    console.log("stepUpOrDown");
     if (!this.inValid && !this.disabled && !this.readonly) {
       let step = +(this.step) || 1;
       let val = +(this.value);
@@ -256,6 +264,7 @@ const BcmInput = class {
   whatchHasFocus() {
     const { type, focused, valueCache, inValid } = this;
     if (type == bcm.Bcm.InputType.number && inValid) {
+      console.log("whatchHasFocus");
       if (focused) {
         this.value = '';
       }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');
@@ -70,7 +70,7 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
       text = stringHelper.StringHelper.highlight(text, highlight);
     }
   }
-  if (item.template) {
+  if (item.type != 'group' && item.template) {
     const match = item.template
       .replace(/\s/g, '')
       .match(/\{{[^}}]+\}/g)
@@ -105,7 +105,7 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
       index.h("div", { class: index$1.classnames('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
         checkboxes && (treeview || (!treeview && item.type != 'group')) && (index.h("div", { class: "bcm-list__item-content-text-checkbox" },
           index.h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked }))),
-        index.h("span", { class: "bcm-list__item-content-text-inner", innerHTML: text }))),
+        index.h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
     (treeview || !treeview && item.type == "group") && isHaveChildren && (index.h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
       item.items.map((item) => (index.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) })))))));
 };
@@ -1623,6 +1623,9 @@ const BcmList = class {
         if (this.fullWidth) {
           list.style.width = targetElement.offsetWidth + 'px';
         }
+        else {
+          list.style.width = this.width || 'auto';
+        }
         if (this.height.indexOf('%') > -1) {
           list.style.height = numberHelper.NumberHelper.toNumber(this.height) * 0.01 * window.innerHeight - pos[0] - 50 + 'px';
         }
@@ -1642,7 +1645,8 @@ const BcmList = class {
         await utils.delay(10);
         pos = popoverPlacement.setPosition(placement, targetElement);
         list.style.top = (placement.split('-')[0] == 'top' ? pos[0] - list.offsetHeight + labelAreaHeight : pos[0] - captionAreaHeight) + 'px';
-        list.style.left = pos[1] + 'px';
+        // list.style.left = pos[1] + 'px';
+        list.style.left = placement.split('-')[1] == 'end' ? pos[1] - list.offsetWidth + 'px' : pos[1] + 'px';
         list.classList.toggle('bcm-list--top', placement.split('-')[0] == 'top');
         this.calculatedViewport = true;
       }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

package/dist/cjs/bcm-popconfirm-box.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

package/dist/cjs/bcm-radio-group.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$2 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./index-617f1d3a.js');

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');
 require('./snq.es5-1a8f9645.js');
 require('./index-c74bd3c1.js');
 const isLoadDecorator = require('./is-load-decorator-c4c531fc.js');
 const propertyDecorators = require('./property-decorators-a8607344.js');
-const stepperStates = require('./stepper-states-32b97a52.js');
+const stepperStates = require('./stepper-states-85081a2a.js');
 
 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;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index = require('./index-617f1d3a.js');
@@ -12,7 +12,7 @@ require('./index-c74bd3c1.js');
 const utils = require('./utils-cc4b560e.js');
 const isLoadDecorator = require('./is-load-decorator-c4c531fc.js');
 const jsonParseDecarator = require('./json-parse-decarator-c4de75ac.js');
-const stepperStates = require('./stepper-states-32b97a52.js');
+const stepperStates = require('./stepper-states-85081a2a.js');
 
 const StepperHeaderTemplate = ({ title, description, status, valid, index: index$2, loading, active, stepChange, statusIcon, icon, disabled, headerHidden, }) => {
   const classes = index.classnames('bcm-stepper__header-item', `bcm-stepper__header-item--${status}`, {

package/dist/cjs/bcm-student-card.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');
 const isLoadDecorator = require('./is-load-decorator-c4c531fc.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0971ca7.js');
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const bcm = require('./bcm-bc93f303.js');
 require('./_commonjsHelpers-537d719a.js');
 const index$1 = require('./index-617f1d3a.js');

package/dist/cjs/{generate-3c85d013.js → generate-2dd4bde9.js}

@@ -15,7 +15,7 @@
   TypeProps["basic"] = "basic";
 })(exports.TypeProps || (exports.TypeProps = {}));
 
-const version = "2.7.2";
+const version = "2.7.3";
 
 const allowedDomains = ['localhost', 'beta-regression.bromcomcloud.com', 'beta-scrum.bromcomcloud.com', 'beta-kanban.bromcomcloud.com'];
 const isAllowedDomain = () => {

package/dist/cjs/{stepper-states-32b97a52.js → stepper-states-85081a2a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const generate = require('./generate-3c85d013.js');
+const generate = require('./generate-2dd4bde9.js');
 const snq_es5 = require('./snq.es5-1a8f9645.js');
 const index = require('./index-c74bd3c1.js');
 

package/dist/collection/components/atoms/button/button.css

@@ -18759,6 +18759,7 @@
 
 .bcm-button {
   display: inline-flex;
+  width: fit-content;
   --bcm-button-solid-color-default: var(--bcm-new-ds-color-white);
   --bcm-button-solid-background-color-default: var(--bcm-new-ds-color-blue-500);
   --bcm-button-solid-color-hover: var(--bcm-new-ds-color-white);

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

@@ -149,8 +149,7 @@ export class BcmInput {
     this.blur.emit();
   }
   handleChange() {
-    this.value = this.inputElement.value;
-    this.change.emit(this.value);
+    this.valueSync();
   }
   handleInput() {
     if (this.type == "number" && this.maxLength) {
@@ -159,8 +158,16 @@ export class BcmInput {
         this.inputElement.value = inputValue.substring(0, this.maxLength);
       }
     }
-    this.value = this.inputElement.value;
+    this.valueSync();
+  }
+  valueSync() {
+    if (this.value != this.inputElement.value) {
+      this.value = this.inputElement.value;
+      this.change.emit(this.value);
+      return true;
+    }
     this.input.emit(this.value);
+    return false;
   }
   handleClear(e) {
     this.inputElement.value = '';
@@ -178,6 +185,7 @@ export class BcmInput {
     this.captionError = captionType == "error" ? caption : null;
   }
   stepUpOrDown(type) {
+    console.log("stepUpOrDown");
     if (!this.inValid && !this.disabled && !this.readonly) {
       let step = +(this.step) || 1;
       let val = +(this.value);
@@ -243,6 +251,7 @@ export class BcmInput {
   whatchHasFocus() {
     const { type, focused, valueCache, inValid } = this;
     if (type == Bcm.InputType.number && inValid) {
+      console.log("whatchHasFocus");
       if (focused) {
         this.value = '';
       }

package/dist/collection/components/organism/list/list.js

@@ -679,6 +679,9 @@ export class BcmList {
         if (this.fullWidth) {
           list.style.width = targetElement.offsetWidth + 'px';
         }
+        else {
+          list.style.width = this.width || 'auto';
+        }
         if (this.height.indexOf('%') > -1) {
           list.style.height = NumberHelper.toNumber(this.height) * 0.01 * window.innerHeight - pos[0] - 50 + 'px';
         }
@@ -698,7 +701,8 @@ export class BcmList {
         await delay(10);
         pos = setPosition(placement, targetElement);
         list.style.top = (placement.split('-')[0] == 'top' ? pos[0] - list.offsetHeight + labelAreaHeight : pos[0] - captionAreaHeight) + 'px';
-        list.style.left = pos[1] + 'px';
+        // list.style.left = pos[1] + 'px';
+        list.style.left = placement.split('-')[1] == 'end' ? pos[1] - list.offsetWidth + 'px' : pos[1] + 'px';
         list.classList.toggle('bcm-list--top', placement.split('-')[0] == 'top');
         this.calculatedViewport = true;
       }

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

@@ -11,7 +11,7 @@ export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size,
       text = StringHelper.highlight(text, highlight);
     }
   }
-  if (item.template) {
+  if (item.type != 'group' && item.template) {
     const match = item.template
       .replace(/\s/g, '')
       .match(/\{{[^}}]+\}/g)
@@ -46,7 +46,7 @@ export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size,
       h("div", { class: cs('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
         checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" },
           h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked }))),
-        h("span", { class: "bcm-list__item-content-text-inner", innerHTML: text }))),
+        h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
     (treeview || !treeview && item.type == "group") && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
       item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
 };