bromcom-ui 2.7.36-rc.11 → 2.7.36-rc.12

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

@@ -1,65 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-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 && 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.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 && str.indexOf(search) !== -1;
-StringHelper.textLimitter = (str, limit, newLine = false) => (str && str.length > limit ? `${str.substring(0, limit)}...` : str) + `${newLine ? ' <br /> ' : ''}`;
-StringHelper.slugify = (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 searchText = search;
-  const regex = new RegExp(searchText, 'gi');
-  let text = str;
-  text = text.replace(/(<mark>|<\/mark>)/gim, '');
-  const newText = text.replace(regex, '<mark>$&</mark>');
-  return newText;
-};
-StringHelper.templateParser = (str, data) => str.replace(/\{{(\w+)\}}/g, (_, key) => data[key] || '');
-StringHelper.parseStringToBoolean = (str) => str === 'true';
-StringHelper.elementBooleanCheck = (obj) => {
-  const item = JSON.parse(JSON.stringify(obj));
-  if (item != undefined) {
-    if (item.length > 0) {
-      if (item == 'true')
-        return true;
-      if (item == 'false')
-        return false;
-    }
-    return true;
-  }
-  return false;
-};
-StringHelper.htmlEntities = (str) => String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');

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

@@ -1,93 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { FloatingUI } from '@bcm/utils';
-import { ColorHelper, Generate, StringHelper } from '@bcm/helpers';
-export class Tooltip {
-  constructor({ message, targetId, placement = 'top', color = 'slate-700', trigger = 'none' }) {
-    this.bgColor = () => ColorHelper.twColor(this.color, 700);
-    this.target = () => document.getElementById(this.targetId);
-    this.init = () => {
-      this.el = Generate.createElement('div', {
-        'id': `${this.targetId}-tooltip-box`,
-        'class': `
-            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-1 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,
-        'role': 'tooltip',
-        'aria-hidden': 'true',
-        'style': `color: ${ColorHelper.twColorReverse(this.bgColor())}`,
-        'innerHTML': StringHelper.trim(this.message),
-      });
-    };
-    this.update = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.hide();
-        this.show();
-      }
-    };
-    this.listener = () => {
-      window.addEventListener('resize', this.calculatePosition.bind(this));
-      window.addEventListener('scroll', this.calculatePosition.bind(this));
-      if (this.trigger && this.target()) {
-        switch (this.trigger) {
-          case 'click':
-            this.target().addEventListener('click', this.toggle.bind(this));
-            break;
-          case 'hover':
-            this.target().addEventListener('mouseenter', this.show.bind(this));
-            this.target().addEventListener('mouseleave', this.hide.bind(this));
-            break;
-          case 'focus':
-            this.target().addEventListener('focus', this.show.bind(this), true);
-            this.target().addEventListener('blur', this.hide.bind(this), true);
-            break;
-          default:
-            break;
-        }
-      }
-      this.calculatePosition();
-    };
-    this.calculatePosition = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        FloatingUI(this.target(), this.el, {
-          placement: this.placement,
-          offset: 8,
-          arrow: true,
-          arrowColor: `tw-bg-${this.bgColor()}`,
-        });
-      }
-    };
-    this.show = () => {
-      if (this.message) {
-        this.init();
-        this.calculatePosition();
-      }
-      else {
-        this.hide();
-      }
-    };
-    this.hide = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.el.remove();
-      }
-    };
-    this.toggle = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.hide();
-      }
-      else {
-        this.show();
-      }
-    };
-    this.message = message;
-    this.targetId = targetId;
-    this.placement = placement;
-    this.color = color;
-    this.id = targetId + '-tooltip-box';
-    this.trigger = trigger;
-  }
-}

package/dist/collection/helper/validators.js

@@ -1,28 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import snq from "snq";
-export class Validators {
-}
-Validators.compareTwoArrayIsSame = (arr1, arr2) => snq(() => arr1.length === arr2.length && arr1.every((v, i) => v === arr2[i]));
-Validators.isEmailValid = (str) => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(str);
-Validators.isUrlValid = (str) => /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(str);
-Validators.isNumberValid = (str) => /^[+-]?\d+$/.test(str);
-Validators.isNumberFloatValid = (str) => /^\d+(\.\d+)?$/.test(str);
-Validators.isPhoneValid = (str) => /^(?=.*[0-9])[- +()0-9]+$/.test(str);
-Validators.pattern = (str, pattern) => new RegExp(pattern).test(str);
-Validators.isValidate = (str, type) => {
-  switch (type) {
-    case 'email':
-      return Validators.isEmailValid(str);
-    case 'url':
-      return Validators.isUrlValid(str);
-    case 'number':
-      return Validators.isNumberValid(str) || Validators.isNumberFloatValid(str);
-    case 'phone':
-      return Validators.isPhoneValid(str);
-    default:
-      return true;
-  }
-};

package/dist/collection/index.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-export {};

package/dist/collection/models/abstract-classes/abstract-key-control.js

@@ -1,97 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-export class KeyControl {
-  constructor(keyCode, element, elementName, childElementName) {
-    this.elementName = '';
-    this.childElementName = '';
-    this.keyCode = keyCode;
-    this.element = element;
-    this.elementName = elementName;
-    this.childElementName = childElementName;
-  }
-  getKeyCode() {
-    return this.keyCode;
-  }
-  getElementName() {
-    return this.elementName;
-  }
-  getChildElementName() {
-    return this.childElementName;
-  }
-  getFocusedElementName() {
-    return this.getElementName() + '.focused';
-  }
-  getFocusedElement() {
-    return this.element.querySelectorAll(this.getFocusedElementName())[0] || null;
-  }
-  getFirstElement() {
-    return this.element.querySelectorAll(this.getElementName())[0] || null;
-  }
-  getNextElement() {
-    var _a;
-    return ((_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.nextElementSibling) || this.getFirstElement();
-  }
-  getPreviousElement() {
-    var _a;
-    return ((_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.previousElementSibling) || this.getFirstElement();
-  }
-  getChildElement() {
-    var _a;
-    return ((_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.getChildElementName())[0]) || null;
-  }
-  getParentElement(element) {
-    if (element && element) {
-      const isRootElement = element && element.attributes['data-isroot'];
-      if (isRootElement) {
-        return element;
-      }
-      return this.getParentElement(element.parentNode);
-    }
-  }
-  focusElementIsOpen() {
-    var _a;
-    return ((_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.classList.contains('bcm-list__item--open')) || false;
-  }
-  isRootElement() {
-    var _a;
-    return ((_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.getChildElementName()).length) > 0;
-  }
-  isRootElementIsOpen() {
-    return this.getFocusedElement().classList.contains('bcm-list__item--open');
-  }
-  getFocusedChildElement() {
-    var _a;
-    return ((_a = this.getChildElement()) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.focused')[0]) || null;
-  }
-  isLastElement() {
-    var _a;
-    return ((_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.nextElementSibling) === null;
-  }
-  focusParentElementFirstChild() {
-    var _a, _b;
-    return this.setFocus((_b = (_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.firstChild);
-  }
-  isFirstElement() {
-    var _a;
-    return ((_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.previousElementSibling) === null;
-  }
-  focusRootElement() {
-    var _a, _b, _c;
-    return this.setFocus((_c = (_b = (_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.firstChild);
-  }
-  nextRootElement() {
-    var _a, _b, _c;
-    return this.setFocus((_c = (_b = (_a = this.getFocusedElement()) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.nextElementSibling);
-  }
-  findFocusElementParent() {
-    return this.getFocusedElement().parentNode.querySelectorAll('.bcm-list__item--open');
-  }
-  getLastElement() {
-    return this.element.querySelectorAll(this.getElementName())[this.element.querySelectorAll(this.getElementName()).length - 1] || null;
-  }
-  setFocus(element) {
-    element.focus();
-  }
-}

package/dist/collection/models/bcm-types.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-export {};