bromcom-ui 2.4.33 → 2.4.36

package/dist/collection/components/atoms/text/text.js

@@ -2,6 +2,7 @@ import { Component, h, Host, Prop } from '@stencil/core';
 import cs from 'classnames';
 import { ColorHelper } from '../../../helper/color-helper';
 import Bcm from '../../../models/bcm';
+import { SlotTemplate } from '../../../templates/slot-template';
 export class BcmText {
   constructor() {
     this.hidden = false;
@@ -16,8 +17,10 @@ export class BcmText {
     });
     const classes = cs('bcm-text__paragraph', `weight-${weight}`, scale);
     return (h(Host, { class: hostClasses },
+      h("span", { hidden: true },
+        h("slot", null)),
       h("p", { class: classes, style: { color: ColorHelper.convertColorToHex(color) } },
-        h("slot", null))));
+        h(SlotTemplate, { value: this.text }))));
   }
   static get is() { return "bcm-text"; }
   static get originalStyleUrls() { return {
@@ -113,6 +116,23 @@ export class BcmText {
       "attribute": "color",
       "reflect": false,
       "defaultValue": "Bcm.ColorPalette['grey-10']"
+    },
+    "text": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "text",
+      "reflect": false
     }
   }; }
 }

package/dist/collection/components/molecules/popconfirm/popconfirm-box.css

@@ -18514,7 +18514,7 @@
   box =  box
   after  =  arrow
   */
-  position: absolute;
+  position: fixed;
   transition: transform 0.2s ease-in-out;
   /*
   PLACEMENTS

package/dist/collection/components/molecules/popconfirm/popconfirm-box.js

@@ -26,8 +26,15 @@ export class BcmPopconfirmBox {
     this.getPopconfirm().hide();
     this.hide();
   }
+  showHandler(e) {
+    if (e.detail != this._target_id) {
+      this.getPopconfirm().hide();
+      this.hide();
+    }
+  }
   async show() {
     this.open = true;
+    this.onShow.emit(this._target_id);
   }
   async hide() {
     this.open = false;
@@ -300,6 +307,21 @@ export class BcmPopconfirmBox {
         "resolved": "any",
         "references": {}
       }
+    }, {
+      "method": "onShow",
+      "name": "bcm-popconfirm-show",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "show": {
@@ -342,6 +364,12 @@ export class BcmPopconfirmBox {
       "target": "window",
       "capture": false,
       "passive": false
+    }, {
+      "name": "bcm-popconfirm-show",
+      "method": "showHandler",
+      "target": "document",
+      "capture": false,
+      "passive": false
     }, {
       "name": "resize",
       "method": "calculateLocation",

package/dist/collection/components/molecules/popover/popover-box.css

@@ -18514,7 +18514,7 @@
   box =  box
   after  =  arrow
   */
-  position: absolute;
+  position: fixed;
   transition: transform 0.2s ease-in-out;
   /*
   PLACEMENTS

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

@@ -447,7 +447,12 @@ export class BcmSelect {
         this.change.emit(newVal);
       }
       else {
-        if (newVal[this.objectMapping['id']] != (oldVal && oldVal[this.objectMapping['id']])) {
+        if (newVal && newVal[this.objectMapping['id']] && oldVal && oldVal[this.objectMapping['id']]) {
+          if (newVal[this.objectMapping['id']] != oldVal[this.objectMapping['id']]) {
+            this.change.emit(newVal);
+          }
+        }
+        else {
           this.change.emit(newVal);
         }
       }

package/dist/collection/components/molecules/tooltip/tooltip-box.css

@@ -18516,7 +18516,7 @@
   box =  box
   after  =  arrow
   */
-  position: absolute;
+  position: fixed;
   transition: transform 0.2s ease-in-out;
   /*
   PLACEMENTS

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

@@ -67,8 +67,6 @@ export class BcmList {
     this.searchFound = null;
     this.returnFilterData = {};
     this.returnOtherData = {};
-    this.isLoadingInput = true;
-    this.isLoadingList = true;
     this.options = {
       rootMargin: '30px'
     };
@@ -191,7 +189,6 @@ export class BcmList {
     }
   }
   handleResize() {
-    this.isLoadingInput = true;
     this.calculateLocation();
     this.debounceHandler();
   }
@@ -396,7 +393,6 @@ export class BcmList {
     return false;
   }
   async setClear(e) {
-    // this.isLoadingInput = true
     listState.setClear(this._id);
     this.value = null;
     this.inputText = '';
@@ -434,9 +430,9 @@ export class BcmList {
     this.selectAllItem = Object.assign(Object.assign({}, this.selectAllItem), { indeterminate: this.checkboxes && checkeds > 0 ? checkeds === total ? 'check' : 'indeterminate' : 'uncheck', checked: this.checkboxes && checkeds > 0 ? checkeds === total ? true : false : false });
   }
   listenResize() {
-    this.isLoadingInput = true;
     this.tagControl();
     this.calculateLocation();
+    this.markForCheck();
   }
   async unSelectOther() {
     await this.onClearSearch();
@@ -478,7 +474,6 @@ export class BcmList {
   }
   async initState() {
     var _a, _b, _c;
-    this.isLoadingInput = true;
     await listState.setValue({
       id: this._id,
       dataSource: this.data && snq(() => typeof this.data == 'string' ? JSON.parse(this.data) : this.data, []),
@@ -490,12 +485,10 @@ export class BcmList {
     this.value = this.checkboxes ? (await this.getCheckedList()).checkedList : listState.selectedItem(this._id) ? listState.selectedItem(this._id)[0] : null;
     // value && value.length > 0 && (this.value = value)
     if (this.checkboxes) {
-      await delay(100);
       this.tagControl();
     }
     else {
       this.inputText = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.text) || null;
-      this.isLoadingInput = false;
     }
     const checkedIDs = [];
     ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.value.forEach(item => {
@@ -631,13 +624,19 @@ export class BcmList {
           list.style.width = targetElement.offsetWidth + "px";
         }
         if (this.height.indexOf('%') > -1) {
-          list.style.height = NumberHelper.toNumber(this.height.replace('%', '')) * 0.01 * window.innerHeight - pos[0] - 50 + "px";
+          list.style.height = NumberHelper.toNumber(this.height) * 0.01 * window.innerHeight - pos[0] - 50 + "px";
         }
         else {
           list.style.height = this.height;
         }
-        list.style.minHeight = "156px";
-        list.style.maxHeight = window.innerHeight - pos[0] - 50 + 'px';
+        list.style.minHeight = this.minHeight;
+        const calculatedMaxHeight = window.innerHeight - pos[0] - 50;
+        if (this.maxHeight.indexOf('%') > -1) {
+          list.style.maxHeight = NumberHelper.toNumber(this.maxHeight) * 0.01 * calculatedMaxHeight + "px";
+        }
+        else {
+          list.style.maxHeight = NumberHelper.toNumber(this.maxHeight) < calculatedMaxHeight ? this.maxHeight : calculatedMaxHeight + "px";
+        }
       }
     }
   }
@@ -1569,8 +1568,6 @@ export class BcmList {
     "searchFound": {},
     "returnFilterData": {},
     "returnOtherData": {},
-    "isLoadingInput": {},
-    "isLoadingList": {},
     "options": {},
     "tagContainerWidth": {},
     "selectAllItem": {}
@@ -1864,3 +1861,6 @@ export class BcmList {
 __decorate([
   JsonParse('data')
 ], BcmList.prototype, "data", void 0);
+__decorate([
+  JsonParse('data', true)
+], BcmList.prototype, "dataChanged", null);

package/dist/collection/decorators/json-parse-decarator.js

@@ -1,8 +1,8 @@
 import { getElement } from "@stencil/core";
 import snq from 'snq';
-export function JsonParse(attribute) {
+export function JsonParse(attribute, isMethod = false) {
   return (proto, propName) => {
-    const { connectedCallback } = proto;
+    const { connectedCallback, componentWillRender } = proto;
     proto.connectedCallback = function () {
       const host = getElement(this);
       if (host[propName]) {
@@ -14,5 +14,18 @@ export function JsonParse(attribute) {
       }
       return connectedCallback && connectedCallback.call(this);
     };
+    proto.componentWillRender = async function () {
+      if (isMethod) {
+        const host = getElement(this);
+        if (isMethod) {
+          const value = snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
+          if (value && value.length > 0 && typeof value === 'string') {
+            this[attribute] = snq(() => JSON.parse(value), []);
+          }
+          host.removeAttribute(attribute);
+        }
+        return componentWillRender && componentWillRender.call(this);
+      }
+    };
   };
 }