bromcom-ui 2.4.14 → 2.4.15

package/dist/collection/helper/generate.js

@@ -1,4 +1,14 @@
 import { StatusProps } from "../components/molecules/alert/types";
+// @ts-ignore
+import { version } from "../../package.json";
+//console.log versiyon
+console.log(`%c Bromcom ui component library version: ${version} `, `background: #1890FF; 
+text-shadow: 0 0 2px #000000;
+color: #fff; 
+line-height: 40px; 
+font-size: 13px; 
+padding: 0 20px; 
+border-radius: 6px; `);
 export class Generate {
 }
 Generate.UID = () => Math.random().toString(36).substr(2, 9);

package/dist/collection/models/bcm.js

@@ -447,5 +447,11 @@ export var Bcm;
     TriggerType["click"] = "click";
     TriggerType["focus"] = "focus";
   })(TriggerType = Bcm.TriggerType || (Bcm.TriggerType = {}));
+  let ListType;
+  (function (ListType) {
+    ListType["listbox"] = "listbox";
+    ListType["select"] = "select";
+    ListType["autocomplete"] = "autocomplete";
+  })(ListType = Bcm.ListType || (Bcm.ListType = {}));
 })(Bcm || (Bcm = {}));
 export default Bcm;

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

@@ -15,12 +15,13 @@ export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size,
     intersection = match.filter(x => keys.includes(x));
   }
   text = item.template && intersection.length > 1 ? StringHelper.templateParser(item.template, Object.assign(Object.assign({}, item.itemObject), { text })) : text;
-  return (h("div", { onFocus: (e) => focusItem(e), class: cs("bcm-list__item", size === 'large' ? 'size-3' : 'size-2'), id: item.id, hidden: item.hidden, tabindex: "-1" },
-    h("div", { class: cs('bcm-list__item-content', !checkboxes && item.selected == true && ('selected')) },
+  const disabled = item.disabled;
+  return (h("div", { id: item.id, hidden: item.hidden, tabindex: "-1", "on-focus": (e) => !disabled && (focusItem(e)), class: cs("bcm-list__item", size === 'large' ? 'size-3' : 'size-2') },
+    h("div", { class: cs('bcm-list__item-content', !checkboxes && item.selected == true && ('selected'), { 'disabled': disabled }) },
       treeview && (h("div", { class: "bcm-list__item-content-collapse-icon", onClick: () => { item.open = item.isSearching; openGroup(item.id); } }, isHaveChildren && (h("i", { class: cs('bcm-fas bcm-fa-caret-' + (item.isSearching || item.open ? 'down' : 'right')) })))),
-      h("div", { class: cs('bcm-list__item-content-text', { treeview }), onClick: () => !checkboxes && selectedItem(item.id) },
-        checkboxes && (h("div", { class: "bcm-list__item-content-text-checkbox", onClick: () => checkedItem(item.id) },
+      h("div", { class: cs('bcm-list__item-content-text', { treeview }), onClick: () => !checkboxes && !disabled && (selectedItem(item.id)) },
+        checkboxes && (h("div", { class: "bcm-list__item-content-text-checkbox", onClick: () => !disabled && (checkedItem(item.id)) },
           h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked }))),
         h("span", { class: "bcm-list__item-content-text-inner", innerHTML: text }))),
-    treeview && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open) && item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, treeview: treeview, checkboxes: checkboxes, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: (parentId) => openGroup(parentId) })))))));
+    treeview && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open) && item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, treeview: treeview, checkboxes: checkboxes, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: (parentId) => openGroup(parentId), focusItem: (itemId) => focusItem(itemId) })))))));
 };

package/dist/collection/utils/popover-placement.js

@@ -43,12 +43,11 @@ export const getPlacement = async (box, host, placement, changePlacement) => {
   }
 };
 export const setPosition = (placement, target) => {
-  const { offsetTop, offsetHeight, offsetWidth, offsetLeft } = target;
   const rect = target.getBoundingClientRect();
-  const top = offsetTop || (rect.top + window.pageYOffset);
-  const left = offsetLeft || (rect.left + window.pageXOffset);
-  const height = offsetHeight || rect.height;
-  const width = offsetWidth || rect.width;
+  const top = (rect.top + window.pageYOffset);
+  const left = (rect.left + window.pageXOffset);
+  const height = rect.height;
+  const width = rect.width;
   const places = StringHelper.textContains(placement, '-') ? placement.split('-') : placement.split(' ');
   switch (places[0]) {
     case 'left':

package/dist/esm/{bcm-0d5f0281.js → bcm-1571bb45.js}

@@ -447,6 +447,12 @@ var Bcm;
     TriggerType["click"] = "click";
     TriggerType["focus"] = "focus";
   })(TriggerType = Bcm.TriggerType || (Bcm.TriggerType = {}));
+  let ListType;
+  (function (ListType) {
+    ListType["listbox"] = "listbox";
+    ListType["select"] = "select";
+    ListType["autocomplete"] = "autocomplete";
+  })(ListType = Bcm.ListType || (Bcm.ListType = {}));
 })(Bcm || (Bcm = {}));
 const Bcm$1 = Bcm;