bromcom-ui 2.4.6 → 2.4.7

package/dist/cjs/{label-template-317aee92.js → label-template-fbe3f0b1.js}

@@ -3,7 +3,7 @@
 const index = require('./index-c0971ca7.js');
 const index$1 = require('./index-e5510943.js');
 const bcm = require('./bcm-6463472f.js');
-const stringHelper = require('./string-helper-acab31b6.js');
+const stringHelper = require('./string-helper-5c2a2cdf.js');
 
 const SlotTemplate = ({ value, className, name }) => {
   return stringHelper.StringHelper.isNullOrEmpty(value) ? index.h("span", { class: className },

package/dist/cjs/{popover-placement-e5e2f665.js → popover-placement-7d67ab31.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const stringHelper = require('./string-helper-acab31b6.js');
+const stringHelper = require('./string-helper-5c2a2cdf.js');
 
 const opposites = {
   left: 'right',

package/dist/cjs/{string-helper-acab31b6.js → string-helper-5c2a2cdf.js}

@@ -69,44 +69,46 @@ var slugify = index.createCommonjsModule(function (module, exports) {
 
 class StringHelper {
 }
-StringHelper.lowercase = (str) => str.toLowerCase();
-StringHelper.uppercase = (str) => str.toUpperCase();
-StringHelper.capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-StringHelper.camelCase = (str) => str.replace(/\s(.)/g, function ($1) { return $1.toUpperCase(); }).replace(/\s/g, '');
-StringHelper.kebabCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-StringHelper.snakeCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase();
-StringHelper.titleCase = (str) => str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
-StringHelper.trim = (str) => str.trim();
-StringHelper.trimLeft = (str) => str.trimLeft();
-StringHelper.trimRight = (str) => str.trimRight();
-StringHelper.trimAll = (str) => str.trim().replace(/\s+/g, ' ');
-StringHelper.replace = (str, search, replace) => str.replace(search, replace);
-StringHelper.remove = (str, search) => str.replace(search, '');
+StringHelper.lowercase = (str) => str && (str.toLowerCase());
+StringHelper.uppercase = (str) => str && (str.toUpperCase());
+StringHelper.capitalize = (str) => str && (str.charAt(0).toUpperCase() + str.slice(1));
+StringHelper.camelCase = (str) => str && (str.replace(/\s(.)/g, function ($1) { return $1.toUpperCase(); }).replace(/\s/g, ''));
+StringHelper.kebabCase = (str) => str && (str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase());
+StringHelper.snakeCase = (str) => str && (str.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase());
+StringHelper.titleCase = (str) => str && (str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }));
+StringHelper.trim = (str) => str && (str.trim());
+StringHelper.trimLeft = (str) => str && (str.trimLeft());
+StringHelper.trimRight = (str) => str && (str.trimRight());
+StringHelper.trimAll = (str) => str && (str.trim().replace(/\s+/g, ' '));
+StringHelper.replace = (str, search, replace) => (str && search && replace) && (str.replace(search, replace));
+StringHelper.remove = (str, search) => (str && search) && (str.replace(search, ''));
 StringHelper.isNullOrEmpty = (str) => str === null || str === undefined || str === '';
-StringHelper.localizationMessage = (str, args) => str.replace(/{(\d+)}/g, (match, number) => typeof args[number] != 'undefined' ? args[number] : match);
-StringHelper.getMessage = (type, args) => StringHelper.localizationMessage(bcm.Bcm.FormErrorMessages[type], args);
-StringHelper.split = (str, separator) => str.split(separator);
-StringHelper.textContains = (str, search) => str.indexOf(search) !== -1;
-StringHelper.textLimitter = (str, limit) => (str && str.length > limit) ? str.substring(0, limit) + '...' : str;
-StringHelper.slugify = (str) => slugify(str, {
+StringHelper.localizationMessage = (str, args) => (str && args) && (str.replace(/{(\d+)}/g, (match, number) => typeof args[number] != 'undefined' ? args[number] : match));
+StringHelper.getMessage = (type, args) => (type && args) && (StringHelper.localizationMessage(bcm.Bcm.FormErrorMessages[type], args));
+StringHelper.split = (str, separator) => (str && separator) && (str.split(separator));
+StringHelper.textContains = (str, search) => (str && search) && (str.indexOf(search) !== -1);
+StringHelper.textLimitter = (str, limit) => (str && limit) && ((str && str.length > limit) ? str.substring(0, limit) + '...' : str);
+StringHelper.slugify = (str) => str && (slugify(str, {
   replacement: ' ',
   remove: undefined,
   lower: true,
   strict: false,
   locale: 'vi',
   trim: false // trim leading and trailing replacement chars, defaults to `true`
-});
+}));
 StringHelper.highlight = (str, search) => {
-  const slug = StringHelper.slugify(str);
-  const searchSlug = StringHelper.slugify(search);
-  const index = slug.indexOf(searchSlug);
-  if (index !== -1) {
-    const start = index;
-    const end = index + searchSlug.length;
-    return `${str.substring(0, start)}<mark>${str.substring(start, end)}</mark>${str.substring(end)}`;
+  if (str && search) {
+    const slug = StringHelper.slugify(str);
+    const searchSlug = StringHelper.slugify(search);
+    const index = slug.indexOf(searchSlug);
+    if (index !== -1) {
+      const start = index;
+      const end = index + searchSlug.length;
+      return `${str.substring(0, start)}<mark>${str.substring(start, end)}</mark>${str.substring(end)}`;
+    }
+    return str;
   }
-  return str;
 };
-StringHelper.templateParser = (str, data) => str.replace(/\{{(\w+)\}}/g, (match, key) => data[key] || match);
+StringHelper.templateParser = (str, data) => (str && data) && (str.replace(/\{{(\w+)\}}/g, (match, key) => data[key] || match));
 
 exports.StringHelper = StringHelper;

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

@@ -841,7 +841,7 @@ export class BcmSelect {
         this.value2 = null;
       }
     }
-    await this.calculateContainer();
+    this.calculateContainer();
   }
   async calculateContainer() {
     // await delay(10)
@@ -856,21 +856,25 @@ export class BcmSelect {
     this.itemsWidthArray = [];
     const bcmtags = container.querySelectorAll("bcm-tag");
     await delay(50);
-    bcmtags.forEach((item) => {
-      const itemClientWidth = item.clientWidth && item.clientWidth > 40 ? item.clientWidth : 40;
-      this.itemsWidthArray.push({ "id": String(item.id), "clientWidth": itemClientWidth });
-      this.itemsWidth += itemClientWidth + 4;
-      if (this.itemsWidth > this.areaWidth) {
-        const tagitem = this.visibleTags[this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id))];
-        if ((item === null || item === void 0 ? void 0 : item.id) && tagitem && tagitem[this.objectMapping['id']]) {
-          if (StringHelper.lowercase(item.id) == StringHelper.lowercase(tagitem[this.objectMapping['id']])) {
-            // if (String(item.id) == String(tagitem[this.objectMapping['id']])) {
-            this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
-            this.hiddenTags.push(tagitem);
+    if (bcmtags && bcmtags.length > 0) {
+      bcmtags.forEach((item) => {
+        const itemClientWidth = item.clientWidth && item.clientWidth > 40 ? item.clientWidth : 40;
+        this.itemsWidthArray.push({ "id": String(item.id), "clientWidth": itemClientWidth });
+        this.itemsWidth += itemClientWidth + 4;
+        if (this.itemsWidth > this.areaWidth) {
+          const tagitem = this.visibleTags[this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id))];
+          if (item && tagitem) {
+            if (item.id && tagitem[this.objectMapping['id']]) {
+              if (StringHelper.lowercase(item.id) == StringHelper.lowercase(tagitem[this.objectMapping['id']])) {
+                // if (String(item.id) == String(tagitem[this.objectMapping['id']])) {
+                this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
+                this.hiddenTags.push(tagitem);
+              }
+            }
           }
         }
-      }
-    });
+      });
+    }
     this.visibleTags = [...new Set(this.visibleTags)];
     this.hiddenTags = [...new Set(this.hiddenTags)];
     if (this.hiddenTags.length > 0) {
@@ -885,14 +889,12 @@ export class BcmSelect {
       bcmtags2.forEach((item) => {
         if (item.id != "other-tag") {
           var tagitem = this.visibleTags[this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id))];
-          if (tagitem) {
-            if (tagitem && tagitem[this.objectMapping['id']]) {
-              if (StringHelper.lowercase(item.id) == StringHelper.lowercase(tagitem[this.objectMapping['id']])) {
-                this.itemsWidth += (item.clientWidth + 4);
-                if (this.itemsWidth + this.otherTagsWidth > this.areaWidth) {
-                  this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
-                  this.hiddenTags.push(tagitem);
-                }
+          if (tagitem && tagitem[this.objectMapping['id']]) {
+            if (StringHelper.lowercase(item.id) == StringHelper.lowercase(tagitem[this.objectMapping['id']])) {
+              this.itemsWidth += (item.clientWidth + 4);
+              if (this.itemsWidth + this.otherTagsWidth > this.areaWidth) {
+                this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
+                this.hiddenTags.push(tagitem);
               }
             }
           }

package/dist/collection/helper/string-helper.js

@@ -2,42 +2,44 @@ import Bcm from "../models/bcm";
 import slugify from "slugify";
 export class StringHelper {
 }
-StringHelper.lowercase = (str) => str.toLowerCase();
-StringHelper.uppercase = (str) => str.toUpperCase();
-StringHelper.capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-StringHelper.camelCase = (str) => str.replace(/\s(.)/g, function ($1) { return $1.toUpperCase(); }).replace(/\s/g, '');
-StringHelper.kebabCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-StringHelper.snakeCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase();
-StringHelper.titleCase = (str) => str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
-StringHelper.trim = (str) => str.trim();
-StringHelper.trimLeft = (str) => str.trimLeft();
-StringHelper.trimRight = (str) => str.trimRight();
-StringHelper.trimAll = (str) => str.trim().replace(/\s+/g, ' ');
-StringHelper.replace = (str, search, replace) => str.replace(search, replace);
-StringHelper.remove = (str, search) => str.replace(search, '');
+StringHelper.lowercase = (str) => str && (str.toLowerCase());
+StringHelper.uppercase = (str) => str && (str.toUpperCase());
+StringHelper.capitalize = (str) => str && (str.charAt(0).toUpperCase() + str.slice(1));
+StringHelper.camelCase = (str) => str && (str.replace(/\s(.)/g, function ($1) { return $1.toUpperCase(); }).replace(/\s/g, ''));
+StringHelper.kebabCase = (str) => str && (str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase());
+StringHelper.snakeCase = (str) => str && (str.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase());
+StringHelper.titleCase = (str) => str && (str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }));
+StringHelper.trim = (str) => str && (str.trim());
+StringHelper.trimLeft = (str) => str && (str.trimLeft());
+StringHelper.trimRight = (str) => str && (str.trimRight());
+StringHelper.trimAll = (str) => str && (str.trim().replace(/\s+/g, ' '));
+StringHelper.replace = (str, search, replace) => (str && search && replace) && (str.replace(search, replace));
+StringHelper.remove = (str, search) => (str && search) && (str.replace(search, ''));
 StringHelper.isNullOrEmpty = (str) => str === null || str === undefined || str === '';
-StringHelper.localizationMessage = (str, args) => str.replace(/{(\d+)}/g, (match, number) => typeof args[number] != 'undefined' ? args[number] : match);
-StringHelper.getMessage = (type, args) => StringHelper.localizationMessage(Bcm.FormErrorMessages[type], args);
-StringHelper.split = (str, separator) => str.split(separator);
-StringHelper.textContains = (str, search) => str.indexOf(search) !== -1;
-StringHelper.textLimitter = (str, limit) => (str && str.length > limit) ? str.substring(0, limit) + '...' : str;
-StringHelper.slugify = (str) => slugify(str, {
+StringHelper.localizationMessage = (str, args) => (str && args) && (str.replace(/{(\d+)}/g, (match, number) => typeof args[number] != 'undefined' ? args[number] : match));
+StringHelper.getMessage = (type, args) => (type && args) && (StringHelper.localizationMessage(Bcm.FormErrorMessages[type], args));
+StringHelper.split = (str, separator) => (str && separator) && (str.split(separator));
+StringHelper.textContains = (str, search) => (str && search) && (str.indexOf(search) !== -1);
+StringHelper.textLimitter = (str, limit) => (str && limit) && ((str && str.length > limit) ? str.substring(0, limit) + '...' : str);
+StringHelper.slugify = (str) => str && (slugify(str, {
   replacement: ' ',
   remove: undefined,
   lower: true,
   strict: false,
   locale: 'vi',
   trim: false // trim leading and trailing replacement chars, defaults to `true`
-});
+}));
 StringHelper.highlight = (str, search) => {
-  const slug = StringHelper.slugify(str);
-  const searchSlug = StringHelper.slugify(search);
-  const index = slug.indexOf(searchSlug);
-  if (index !== -1) {
-    const start = index;
-    const end = index + searchSlug.length;
-    return `${str.substring(0, start)}<mark>${str.substring(start, end)}</mark>${str.substring(end)}`;
+  if (str && search) {
+    const slug = StringHelper.slugify(str);
+    const searchSlug = StringHelper.slugify(search);
+    const index = slug.indexOf(searchSlug);
+    if (index !== -1) {
+      const start = index;
+      const end = index + searchSlug.length;
+      return `${str.substring(0, start)}<mark>${str.substring(start, end)}</mark>${str.substring(end)}`;
+    }
+    return str;
   }
-  return str;
 };
-StringHelper.templateParser = (str, data) => str.replace(/\{{(\w+)\}}/g, (match, key) => data[key] || match);
+StringHelper.templateParser = (str, data) => (str && data) && (str.replace(/\{{(\w+)\}}/g, (match, key) => data[key] || match));

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

@@ -8,9 +8,9 @@ import { J as JsonParse } from './json-parse-decarator-8563927a.js';
 import './types-911a8837.js';
 import { G as Generate } from './generate-2ee52515.js';
 import { B as Bcm } from './bcm-0d5f0281.js';
-import { S as StringHelper } from './string-helper-acc53dad.js';
-import { L as LabelTemplate } from './label-template-dcde83fb.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-0b415c4e.js';
+import { S as StringHelper } from './string-helper-a325ba4c.js';
+import { L as LabelTemplate } from './label-template-26a0569f.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-b624b72d.js';
 import { c as createStore } from './index-3c5b7898.js';
 
 /**