bromcom-ui 2.5.0-rc.2 → 2.5.1-rc.1

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c0971ca7.js');
 const index$1 = require('./index-e5510943.js');
 require('./types-37c8ced6.js');
-const generate = require('./generate-37c6f6bc.js');
+const generate = require('./generate-25ae9875.js');
 const bcm = require('./bcm-5dcc129b.js');
 const propertyDecorators = require('./property-decorators-476df1c5.js');
 

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

@@ -8,10 +8,10 @@ const utils = require('./utils-cc4b560e.js');
 const snq_es5 = require('./snq.es5-1a8f9645.js');
 const jsonParseDecarator = require('./json-parse-decarator-c4de75ac.js');
 require('./types-37c8ced6.js');
-const generate = require('./generate-37c6f6bc.js');
+const generate = require('./generate-25ae9875.js');
 const bcm = require('./bcm-5dcc129b.js');
 require('./index-c74bd3c1.js');
-const stepperStates = require('./stepper-states-9b520a5b.js');
+const stepperStates = require('./stepper-states-54176cf8.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-tag-2.cjs.entry.js

@@ -8,7 +8,7 @@ const colors = require('./colors-7fb8d76f.js');
 const utils = require('./utils-cc4b560e.js');
 require('./snq.es5-1a8f9645.js');
 require('./types-37c8ced6.js');
-const generate = require('./generate-37c6f6bc.js');
+const generate = require('./generate-25ae9875.js');
 const numberHelper = require('./number-helper-3cb4fe28.js');
 const bcm = require('./bcm-5dcc129b.js');
 

package/dist/cjs/{generate-37c6f6bc.js → generate-25ae9875.js}

@@ -2,7 +2,7 @@
 
 const types = require('./types-37c8ced6.js');
 
-const version = "2.5.0-rc.2";
+const version = "2.5.1-rc.1";
 
 const allowedDomains = [
   "localhost",

package/dist/cjs/{popover-placement-dacc8fc9.js → popover-placement-dc4baf9a.js}

@@ -14,7 +14,7 @@ const join = (places) => {
   }
   return [opposites[places[0]], places[1]].join('-');
 };
-const getPlacement = async (box, host, placement, changePlacement) => {
+const getPlacement = (box, host, placement, changePlacement) => {
   const { width, height } = box.getBoundingClientRect();
   const { left, right, top, bottom } = host.getBoundingClientRect();
   const places = stringHelper.StringHelper.textContains(placement, '-') ? placement.split('-') : placement.split(' ');

package/dist/cjs/{stepper-states-9b520a5b.js → stepper-states-54176cf8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const snq_es5 = require('./snq.es5-1a8f9645.js');
-const generate = require('./generate-37c6f6bc.js');
+const generate = require('./generate-25ae9875.js');
 const index = require('./index-c74bd3c1.js');
 
 const { state } = index.createStore({

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

@@ -115,7 +115,7 @@ export class BcmCheckbox {
       h("span", { hidden: true },
         h("slot", null)),
       label && h("bcm-label", { type: captionType, value: label, required: required }),
-      h("input", { id: `input-${_id}`, type: "checkbox", checked: checked, disabled: disabled, required: required, readOnly: readOnly, onChange: () => this.handleChange(), ref: el => (this.inputElement = el) }),
+      h("input", { id: `input-${_id}`, type: "checkbox", checked: checked, disabled: disabled, required: required, readOnly: readOnly, onChange: () => { !disabled && !readOnly && (this.handleChange()); }, ref: el => (this.inputElement = el) }),
       h("label", { class: bcmCheckboxLabelClass, htmlFor: `input-${_id}` },
         h("span", { class: bcmCheckboxIconClass },
           h("bcm-icon", { icon: "component-check", size: "small", type: "default" })),

package/dist/collection/components/molecules/states/checkbox-group.states.js

@@ -32,7 +32,7 @@ const setValue = async ({ fullWidth, optionType, buttonStyle, size, disabled, de
         buttonStyle && (child.buttonStyle = buttonStyle);
         size && (child.size = size);
         defaultCheckedItems && (defaultCheckedItems.find(e => e === child.name) && (child.checked = true));
-        child.disabled = disabled;
+        disabled && (child.disabled = disabled);
         child.noCaption = noCaption;
         return {
           id: child.id || Generate.UID(),

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

@@ -119,6 +119,7 @@ export class BcmList {
         document.body.appendChild(list);
       }
     }
+    this.calculateLocation();
   }
   disconnectedCallback() {
     listState.removeState(this._id);
@@ -382,9 +383,11 @@ export class BcmList {
   async addChecked(ids = [], save = false) {
     if (ids && ids.length > 0) {
       if (!save) {
-        await this.setClear();
+        listState.setClear(this._id);
+        await delay(10);
       }
-      listState.addChecked(this._id, ids);
+      await listState.addChecked(this._id, ids);
+      await delay(10);
       this.value = (await this.getCheckedList()).checkedList;
       this.markForCheck();
     }
@@ -599,17 +602,17 @@ export class BcmList {
     }, this.options);
     io.observe(event.target.lastElementChild);
   }
-  calculateLocation() {
+  async calculateLocation() {
     var _a;
-    const list = document.getElementById(`bcm-list-${this._id}`);
-    list && (list.style.height = '256px');
-    if (this.isOpen) {
-      var placement = this.placement;
+    if (this.type != 'listbox') {
       const list = document.getElementById(`bcm-list-${this._id}`);
+      // list && (list.style.height = '256px') //sebebi neydi ki!
+      var placement = this.placement;
       const targetElementId = this.linkedComponent ? this.linkedComponent : `bcm-list-input-${this._id}`;
       const targetElement = document.getElementById(targetElementId);
       if (list && targetElement) {
         getPlacement(list, targetElement, placement, (place) => placement = place);
+        await delay(10);
         const pos = setPosition(placement, targetElement);
         let captionAreaHeight = 0;
         if (this.linkedComponent) {
@@ -1644,14 +1647,14 @@ export class BcmList {
     },
     "getSelected": {
       "complexType": {
-        "signature": "() => Promise<any[]>",
+        "signature": "() => Promise<any>",
         "parameters": [],
         "references": {
           "Promise": {
             "location": "global"
           }
         },
-        "return": "Promise<any[]>"
+        "return": "Promise<any>"
       },
       "docs": {
         "text": "",

package/dist/collection/components/organism/states/bcm-list2.states.js

@@ -339,14 +339,26 @@ const getParents = (id, itemId, items) => {
   }
   return { checkedItems: checkeds !== null && checkeds !== void 0 ? checkeds : [], visibledItems: visibled !== null && visibled !== void 0 ? visibled : [] };
 };
-const getSelected = (id) => {
-  let selected = [];
-  const value = getValue(id);
-  const dataSource = value.dataSource;
+const getSelected = (id, items) => {
+  let dataSource;
+  let selected = null;
+  if (items) {
+    dataSource = items;
+  }
+  else {
+    const value = getValue(id);
+    dataSource = value.dataSource;
+  }
   if (dataSource) {
     dataSource.forEach((item) => {
       if (item.selected) {
-        selected.push(item.itemObject);
+        selected = item.itemObject;
+      }
+      else if (item.items) {
+        const found = getSelected(id, item.items);
+        if (found) {
+          selected = found;
+        }
       }
     });
   }

package/dist/collection/templates/checkbox-group-template.js

@@ -1,6 +1,6 @@
 import { h } from '@stencil/core';
 export const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
   return (h("div", { class: groupContainerClasses, style: customStyle }, items.childs && items.childs.map((checkbox) => {
-    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, required: checkbox.required, noCaption: checkbox.noCaption, optionType: checkbox.optionType, buttonStyle: checkbox.buttonStyle, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { onBcmSelect(checkbox.id), e.preventDefault(); } }, checkbox.slot || checkbox.label));
+    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, required: checkbox.required, noCaption: checkbox.noCaption, optionType: checkbox.optionType, buttonStyle: checkbox.buttonStyle, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { !checkbox.disabled && (onBcmSelect(checkbox.id), e.preventDefault()); } }, checkbox.slot || checkbox.label));
   })));
 };

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

@@ -4,7 +4,7 @@ import { ListItemTemplate } from './list-item-template';
 export const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, data, width, height, size, searchPlaceholder, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable }) => {
   const showSelectAll = !(treeview && searchFound > 0) && !(searchFound > 0);
   return (h("div", { id: `bcm-list-${_id}`, class: bcmListContainer, style: { '--height': height, '--width': width } },
-    searchable && (h("section", { class: "bcm-list__container-search" },
+    data && searchable && (h("section", { class: "bcm-list__container-search" },
       h("bcm-search-2", { size: size, id: `bcm-list-${_id}-search`, data: data, clearable: true, placeholder: searchPlaceholder }))),
     h("main", { onScroll: (e) => onScrollEvent(e), class: "scrolling" },
       checkAll && searchFound != 0 && items && items.length > 0 && checkboxes && showSelectAll && (h("section", { class: "bcm-list__container-select-all" },

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

@@ -11,7 +11,7 @@ const join = (places) => {
   }
   return [opposites[places[0]], places[1]].join('-');
 };
-export const getPlacement = async (box, host, placement, changePlacement) => {
+export const getPlacement = (box, host, placement, changePlacement) => {
   const { width, height } = box.getBoundingClientRect();
   const { left, right, top, bottom } = host.getBoundingClientRect();
   const places = StringHelper.textContains(placement, '-') ? placement.split('-') : placement.split(' ');

package/dist/esm/bcm-button_7.entry.js

@@ -6,14 +6,14 @@ import { C as ColorHelper } from './color-helper-beb0ba19.js';
 import { s as snq } from './snq.es5-946822b8.js';
 import { J as JsonParse } from './json-parse-decarator-c6372800.js';
 import './types-911a8837.js';
-import { G as Generate } from './generate-75cd94f7.js';
+import { G as Generate } from './generate-037ea9b5.js';
 import { N as NumberHelper } from './number-helper-8115f1ec.js';
 import { B as Bcm } from './bcm-1571bb45.js';
 import { S as StringHelper } from './string-helper-cfa6df93.js';
 import { C as CaptionTemplate } from './caption-template-c2ebdbce.js';
 import { S as SlotTemplate } from './slot-template-4c1d3540.js';
 import { L as LabelTemplate } from './label-template-b404837e.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-38aa9b63.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-a105287a.js';
 import { c as createStore } from './index-3c5b7898.js';
 
 /**
@@ -6221,7 +6221,7 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
 const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, checkboxes, checkAll, infoFooter, value, totalData, searchFound, variableText, _id, data, width, height, size, searchPlaceholder, selectedItem, openGroup, checkedItem, onScrollEvent, focusItem, items, searchable }) => {
   const showSelectAll = !(treeview && searchFound > 0) && !(searchFound > 0);
   return (h("div", { id: `bcm-list-${_id}`, class: bcmListContainer, style: { '--height': height, '--width': width } },
-    searchable && (h("section", { class: "bcm-list__container-search" },
+    data && searchable && (h("section", { class: "bcm-list__container-search" },
       h("bcm-search-2", { size: size, id: `bcm-list-${_id}-search`, data: data, clearable: true, placeholder: searchPlaceholder }))),
     h("main", { onScroll: (e) => onScrollEvent(e), class: "scrolling" },
       checkAll && searchFound != 0 && items && items.length > 0 && checkboxes && showSelectAll && (h("section", { class: "bcm-list__container-select-all" },
@@ -6527,14 +6527,26 @@ const filterData = (id, ids, items, searchOtherTag) => {
   }
   return { checkedItems: checkeds !== null && checkeds !== void 0 ? checkeds : [], visibledItems: visibled !== null && visibled !== void 0 ? visibled : [] };
 };
-const getSelected = (id) => {
-  let selected = [];
-  const value = getValue(id);
-  const dataSource = value.dataSource;
+const getSelected = (id, items) => {
+  let dataSource;
+  let selected = null;
+  if (items) {
+    dataSource = items;
+  }
+  else {
+    const value = getValue(id);
+    dataSource = value.dataSource;
+  }
   if (dataSource) {
     dataSource.forEach((item) => {
       if (item.selected) {
-        selected.push(item.itemObject);
+        selected = item.itemObject;
+      }
+      else if (item.items) {
+        const found = getSelected(id, item.items);
+        if (found) {
+          selected = found;
+        }
       }
     });
   }
@@ -6899,6 +6911,7 @@ const BcmList = class {
         document.body.appendChild(list);
       }
     }
+    this.calculateLocation();
   }
   disconnectedCallback() {
     listState.removeState(this._id);
@@ -7162,9 +7175,11 @@ const BcmList = class {
   async addChecked(ids = [], save = false) {
     if (ids && ids.length > 0) {
       if (!save) {
-        await this.setClear();
+        listState.setClear(this._id);
+        await delay(10);
       }
-      listState.addChecked(this._id, ids);
+      await listState.addChecked(this._id, ids);
+      await delay(10);
       this.value = (await this.getCheckedList()).checkedList;
       this.markForCheck();
     }
@@ -7379,17 +7394,17 @@ const BcmList = class {
     }, this.options);
     io.observe(event.target.lastElementChild);
   }
-  calculateLocation() {
+  async calculateLocation() {
     var _a;
-    const list = document.getElementById(`bcm-list-${this._id}`);
-    list && (list.style.height = '256px');
-    if (this.isOpen) {
-      var placement = this.placement;
+    if (this.type != 'listbox') {
       const list = document.getElementById(`bcm-list-${this._id}`);
+      // list && (list.style.height = '256px') //sebebi neydi ki!
+      var placement = this.placement;
       const targetElementId = this.linkedComponent ? this.linkedComponent : `bcm-list-input-${this._id}`;
       const targetElement = document.getElementById(targetElementId);
       if (list && targetElement) {
         getPlacement(list, targetElement, placement, (place) => placement = place);
+        await delay(10);
         const pos = setPosition(placement, targetElement);
         let captionAreaHeight = 0;
         if (this.linkedComponent) {

package/dist/esm/bcm-checkbox-group.entry.js

@@ -3,7 +3,7 @@ import { c as classnames } from './index-1597de83.js';
 import { d as delay, g as getChildElements } from './utils-dc14ca19.js';
 import { s as snq } from './snq.es5-946822b8.js';
 import './types-911a8837.js';
-import { G as Generate } from './generate-75cd94f7.js';
+import { G as Generate } from './generate-037ea9b5.js';
 import { B as Bcm } from './bcm-1571bb45.js';
 import './string-helper-cfa6df93.js';
 import './slot-template-4c1d3540.js';
@@ -41,7 +41,7 @@ const setValue = async ({ fullWidth, optionType, buttonStyle, size, disabled, de
         buttonStyle && (child.buttonStyle = buttonStyle);
         size && (child.size = size);
         defaultCheckedItems && (defaultCheckedItems.find(e => e === child.name) && (child.checked = true));
-        child.disabled = disabled;
+        disabled && (child.disabled = disabled);
         child.noCaption = noCaption;
         return {
           id: child.id || Generate.UID(),
@@ -182,7 +182,7 @@ const checkBoxGroupState = {
 
 const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
   return (h("div", { class: groupContainerClasses, style: customStyle }, items.childs && items.childs.map((checkbox) => {
-    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, required: checkbox.required, noCaption: checkbox.noCaption, optionType: checkbox.optionType, buttonStyle: checkbox.buttonStyle, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { onBcmSelect(checkbox.id), e.preventDefault(); } }, checkbox.slot || checkbox.label));
+    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, required: checkbox.required, noCaption: checkbox.noCaption, optionType: checkbox.optionType, buttonStyle: checkbox.buttonStyle, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { !checkbox.disabled && (onBcmSelect(checkbox.id), e.preventDefault()); } }, checkbox.slot || checkbox.label));
   })));
 };