bromcom-ui 2.3.67 → 2.3.71

package/dist/bromcom-ui/bcm-search-2.entry.js

@@ -1,193 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-dbc63c66.js';
-import { G as Generate } from './generate-0a22e8df.js';
-import './index-43956e3c.js';
-import { c as createStore } from './index-dd5c1283.js';
-import { s as snq } from './snq.es5-946822b8.js';
-import './bcm-ad02f9c9.js';
-import { J as JsonParse } from './json-parse-decarator-223ea680.js';
-import { I as InputTemplate } from './input-template-5d288c2e.js';
-
-const { state } = createStore({
-  value: new Map(),
-});
-const setValue = (val) => {
-  const { id, dataSource } = val;
-  const data = {
-    id: snq(() => id, Generate.UID),
-    dataSource: recursive(dataSource)
-  };
-  state.value.set(data.id, data);
-};
-const recursive = (data, parentId) => {
-  const recData = data.map((item) => (Object.assign(Object.assign(Object.assign({}, item), { parentId: parentId || null }), (item.items && { items: snq(() => recursive(item.items, item.id), []) }))));
-  return recData;
-};
-const removeValue = (_id) => {
-  state.value.delete(_id);
-};
-const getValue = (id) => snq(() => state.value.get(id), {});
-const getDataPagination = (id, limit = 3) => {
-  let data = [];
-  const value = getValue(id);
-  if (value) {
-    const { dataSource } = value;
-    data = dataSource.slice(0, limit);
-  }
-  return data;
-};
-// //search treeview data by text
-// const searchData = (id, search, items?) => {
-//     let dataSource
-//     if (items && items.length > 0) {
-//         dataSource = items
-//     } else {
-//         const value = getValue(id);
-//         dataSource = value.dataSource;
-//     }
-//     let result = []
-//     if (dataSource) {
-//         dataSource.forEach(child => {
-//             if (child.text.toLowerCase().includes(search.toLowerCase())) {
-//                 result.push(child)
-//             }
-//             result = result.concat(searchData(id, search, child.items))
-//         })
-//     };
-//     return result
-// };
-//nested search
-const searchData = (id, searchText, items) => {
-  let dataSource;
-  if (items && items.length > 0) {
-    dataSource = items;
-  }
-  else {
-    const value = getValue(id);
-    dataSource = value.dataSource;
-  }
-  let results = [];
-  if (dataSource) {
-    results = nestedSearch(dataSource, searchText);
-    //return with their parents
-    // dataSource.forEach(child => {
-    //     if (child.text.toLowerCase().includes(searchText.toLowerCase())) {
-    //         results.push(child)
-    //     } else if (child.items && child.items.length > 0) {
-    //         child.items = nestedSearch(child.items, searchText)
-    //         if (child.items.length > 0) {
-    //             results.push(child)
-    //         }
-    //     }
-    // })
-  }
-  return Generate.flatArray(results);
-};
-const nestedSearch = (items, searchText) => {
-  let result = [];
-  if (items && items.length > 0) {
-    items.forEach(child => {
-      if (child.text.toLowerCase().includes(searchText.toLowerCase())) {
-        result.push(child.id);
-        if (child.items && child.items.length > 0) {
-          child.items.forEach(chi => {
-            result.push(chi.id);
-          });
-        }
-      }
-      else if (child.items && child.items.length > 0) {
-        const found = nestedSearch(child.items, searchText);
-        if (found.length > 0) {
-          found.forEach(chi => {
-            result.push(chi);
-          });
-          result.push(child.id);
-        }
-      }
-    });
-  }
-  ;
-  return result;
-};
-const searchState = {
-  setValue,
-  removeValue,
-  getValue,
-  getDataPagination,
-  searchData
-};
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const BcmSearch2 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.bcmOnSearch = createEvent(this, "bcm-on-search", 7);
-    this._id = Generate.UID();
-    this.placeholder = "Search";
-    this.disabled = false;
-    this.readonly = false;
-    this.clearable = true;
-    this.limit = 10;
-    this.data = [];
-    this.tick = {};
-    this.debounceHandler = Generate.debounceInput((event) => this.onSearchValue(event, this), 500, false);
-  }
-  async componentDidLoad() {
-    await this.initState();
-  }
-  async dataChanged(newValue, oldValue) {
-    // console.log('data changed', newValue, oldValue)
-    if (newValue !== oldValue) {
-      await this.initState();
-    }
-  }
-  async initState() {
-    await searchState.setValue({
-      id: this._id,
-      dataSource: this.data,
-    });
-    await this.markForCheck();
-  }
-  markForCheck() {
-    this.tick = Generate.UID();
-  }
-  handleInput() {
-    console.log("aheyya");
-  }
-  handleFocus() { }
-  handleBlur() { }
-  handleChange() { }
-  handleClear() {
-    this.inputElement.value = '';
-    const { value, id } = this.inputElement;
-    searchState.searchData(id, value);
-    this.bcmOnSearch.emit(null);
-  }
-  onSearchValue(event, instance) {
-    const { value, id } = event.target;
-    const searchResult = value.length > 0 ? searchState.searchData(id, value) : null;
-    const { bcmOnSearch } = instance;
-    bcmOnSearch.emit(searchResult);
-  }
-  render() {
-    const { _id, placeholder, disabled, readonly, clearable } = this;
-    return h(Host, null, h(InputTemplate, { size: "medium", id: _id, type: "text", placeholder: placeholder, disabled: disabled, readonly: readonly, clearable: clearable, handleFocus: () => this.handleFocus(), handleBlur: () => this.handleBlur(), handleChange: () => this.handleChange(), handleClear: () => this.handleClear(), handleInput: this.debounceHandler, ref: (el) => this.inputElement = el }));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "data": ["dataChanged"]
-  }; }
-};
-__decorate([
-  JsonParse('data')
-], BcmSearch2.prototype, "data", void 0);
-
-export { BcmSearch2 as bcm_search_2 };

package/dist/bromcom-ui/caption-template-2d4ffc88.js

@@ -1,25 +0,0 @@
-import { h } from './index-dbc63c66.js';
-
-const CaptionTemplate = ({ noCaption, captionType, captionClasses, caption, captionError, 
-//textarea props
-maxLength, value }) => {
-  const classes = `size-1 bcm-caption-area__text`;
-  const captionTextClass = `${classes} ${captionType} ${captionClasses}`;
-  const countClasses = `${classes} default ${captionClasses}`;
-  return ((noCaption == false || maxLength) && (h("div", { class: "bcm-caption-area" },
-    h("span", { class: captionTextClass }, captionType == "error"
-      ? h("span", null,
-        " ",
-        captionError,
-        " ")
-      : caption && h("span", null,
-        " ",
-        caption,
-        " ")),
-    maxLength && h("span", { class: countClasses },
-      " ",
-      `${value === null || value === void 0 ? void 0 : value.length}/${maxLength}`,
-      " "))));
-};
-
-export { CaptionTemplate as C };

package/dist/bromcom-ui/color-helper-19448077.js

@@ -1,35 +0,0 @@
-import { f as extractColor, C as ColorPalette } from './utils-333ded7f.js';
-
-class ColorHelper {
-}
-ColorHelper.isHex = (str) => /^[A-F0-9]+$/i.test(str);
-ColorHelper.isRgb = (str) => /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/.test(str);
-ColorHelper.isRgba = (str) => /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/.test(str);
-ColorHelper.isHsl = (str) => /^hsl\((\d{1,3}),\s*(\d{1,3}%),\s*(\d{1,3}%)\)$/.test(str);
-ColorHelper.isHsla = (str) => /^hsla\((\d{1,3}),\s*(\d{1,3}%),\s*(\d{1,3}%),\s*(\d{1,3})\)$/.test(str);
-ColorHelper.convertColorToHex = (color) => {
-  if (color) {
-    if (ColorHelper.isHex(color)) {
-      return color;
-    }
-    if (ColorHelper.isRgb(color)) {
-      const rgb = color.match(/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/);
-      return `#${(0x1000000 + (parseInt(rgb[1]) * 0x10000) + (parseInt(rgb[2]) * 0x100) + parseInt(rgb[3])).toString(16).substring(1)}`;
-    }
-    if (extractColor(ColorPalette, color)) {
-      return extractColor(ColorPalette, color);
-    }
-  }
-};
-ColorHelper.reverseColor = (color) => {
-  const hexColor = ColorHelper.convertColorToHex(color);
-  if (hexColor) {
-    const r = parseInt(hexColor.substring(1, 3), 16);
-    const g = parseInt(hexColor.substring(3, 5), 16);
-    const b = parseInt(hexColor.substring(5, 7), 16);
-    const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-    return (yiq >= 200) ? '#000000' : '#FFFFFF';
-  }
-};
-
-export { ColorHelper as C };

package/dist/bromcom-ui/element-dragger-2a215f47.js

@@ -1,273 +0,0 @@
-import { a as getTransform } from './utils-333ded7f.js';
-
-/**
- * Enums
- */
-var DragDirections;
-(function (DragDirections) {
-  DragDirections["x"] = "x";
-  DragDirections["y"] = "y";
-  DragDirections["both"] = "both";
-})(DragDirections || (DragDirections = {}));
-/**
- * @Class BcmDragger
- * @desc -
- */
-class ElementDragger {
-  constructor({ target, trigger, limit, center, direction = DragDirections.both, snapOnMouseDown = false, useTransform = false }) {
-    this.drag = {
-      x: 0,
-      y: 0
-    };
-    this.offset = {
-      left: 0,
-      top: 0
-    };
-    this.events = {
-      end: [],
-      drag: []
-    };
-    this.active = false;
-    this.anim = false;
-    this.busy = false;
-    this.target = target;
-    this.trigger = trigger || target;
-    this.direction = direction;
-    this.limit = limit;
-    this.useTransform = useTransform;
-    this.snapOnMouseDown = snapOnMouseDown;
-    this.center = center;
-    this.container = this.findRelativeContainer();
-    // Get trigger offset initially
-    // #
-    this.offset = {
-      top: this.useTransform
-        ? getTransform(target).y
-        : target.offsetTop,
-      left: this.useTransform
-        ? getTransform(target).x
-        : target.offsetLeft
-    };
-    this.attachEvents();
-  }
-  /**
-   * @desc
-   */
-  attachEvents() {
-    /**
-     * Mouse Event: move -> [window]
-     */
-    window.addEventListener('mousemove', (_event) => this.windowMove(_event));
-    /**
-     * Mouse Event: move -> [window]
-     */
-    window.addEventListener('mouseup', (_event) => this.windowUp());
-    /**
-     * Mouse Event: down -> [BcmDragger.trigger]
-     */
-    this.trigger.addEventListener('mousedown', (_event) => this.triggerDown(_event));
-  }
-  /**
-   * @desc
-   * @param element
-   * @param property
-   */
-  computedStyle(element, property) {
-    return window.getComputedStyle(element, null).getPropertyValue(property);
-  }
-  /**
-   * @desc
-   * -
-   */
-  findRelativeContainer() {
-    const { target } = this;
-    const elementNode = Node.ELEMENT_NODE;
-    let currentParent = target.parentNode;
-    while (currentParent && currentParent.nodeType === elementNode) {
-      const match = ['absolute', 'relative'].includes(this.computedStyle(currentParent, 'position'));
-      if (match)
-        return currentParent;
-      currentParent = currentParent.parentNode;
-    }
-    return null;
-  }
-  /**
-   * @desc
-   * @param event
-   */
-  windowMove(event) {
-    if (!this.active)
-      return;
-    const { limit } = this;
-    const { center: { x: centerX, y: centerY } = { x: 0, y: 0 }, } = this;
-    let x = event.pageX - this.drag.x - centerX;
-    let y = event.pageY - this.drag.y - centerY;
-    this.busy = true;
-    // Check limit boundaries
-    // #
-    const [xMax, xMin, yMax, yMin] = [
-      limit && limit.x && limit.x.max - centerX,
-      limit && limit.x && limit.x.min - centerX,
-      limit && limit.y && limit.y.max - centerY,
-      limit && limit.y && limit.y.min - centerY
-    ];
-    if ((xMax || xMax === 0) && x > xMax) {
-      x = xMax;
-    }
-    if ((xMin || xMin === 0) && x < xMin) {
-      x = xMin;
-    }
-    if ((yMax || yMax === 0) && y > yMax) {
-      y = yMax;
-    }
-    if ((yMin || yMin === 0) && y < yMin) {
-      y = yMin;
-    }
-    this.offset = {
-      top: y,
-      left: x
-    };
-    this.removeTransition();
-    this.move();
-  }
-  /**
-   * @desc
-   */
-  windowUp() {
-    if (!this.active)
-      return;
-    this.triggerEvent('end', this.getCurrentPosition());
-    this.animTimeout = setTimeout(() => {
-      clearTimeout(this.animTimeout);
-      this.busy = false;
-    }, 210);
-    this.active = false;
-  }
-  /**
-   * @desc
-   * @param event
-   */
-  triggerDown(event) {
-    this.active = true;
-    if (this.snapOnMouseDown) {
-      this.offset.left = event.offsetX;
-      this.offset.top = event.offsetY;
-      this.move();
-    }
-    this.drag.x = event.pageX - this.offset.left;
-    this.drag.y = event.pageY - this.offset.top;
-  }
-  /**
-   * @desc
-   */
-  move(triggerDrag = true) {
-    const { direction, useTransform, target, offset: { top, left } } = this;
-    if (direction === DragDirections.both) {
-      useTransform
-        ? target.style.transform = `translate(${left}px, ${top}px)`
-        : (target.style.top = `${top}px`) && (target.style.left = `${left}px`);
-    }
-    else if (direction === DragDirections.x) {
-      useTransform
-        ? target.style.transform = `translateX(${left}px)`
-        : target.style.left = `${left}px`;
-    }
-    else if (direction === DragDirections.y) {
-      useTransform
-        ? target.style.transform = `translateY(${top}px)`
-        : target.style.top = `${top}px`;
-    }
-    if (triggerDrag)
-      this.triggerEvent('drag', this.getCurrentPosition());
-  }
-  /**
-   * @desc
-   * -
-   */
-  calculateOffset() {
-    const { target, container } = this;
-    let { left, top } = target.style;
-    if (!container) {
-      return { left, top };
-    }
-    const [rectTarget, rectContainer] = [
-      target.getBoundingClientRect(),
-      container.getBoundingClientRect()
-    ];
-    left = rectTarget.left - rectContainer.left,
-      top = rectTarget.top - rectContainer.top;
-    return { left, top };
-  }
-  /**
-   * @desc
-   */
-  getCurrentPosition() {
-    const { target } = this;
-    const { center: { x: centerX, y: centerY } = { x: 0, y: 0 } } = this;
-    let { left: x, top: y } = this.calculateOffset();
-    // 'offsetLeft' and 'offsetTop' properties are giving 'long integer' values
-    // in this case, this is not useful, we are using subpixel values. 
-    return {
-      x: this.useTransform
-        ? getTransform(target).x + centerX
-        : /* this.target.offsetLeft */ parseFloat(x) + centerX,
-      y: this.useTransform
-        ? getTransform(target).y + centerY
-        : /* this.target.offsetTop */ parseFloat(y) + centerY
-    };
-  }
-  /**
-   * @desc
-   * @param x
-   * @param y
-   */
-  setPosition({ x, y, anim }) {
-    const { center: { x: centerX, y: centerY } = { x: 0, y: 0 }, } = this;
-    if (x || x === 0) {
-      this.offset.left = x - centerX;
-    }
-    if (y || y === 0) {
-      this.offset.top = y - centerY;
-    }
-    anim && this.applyTransition();
-    this.move(false);
-  }
-  /**
-   * @desc
-   */
-  applyTransition() {
-    this.anim = true;
-    this.target.style.transition = 'transform 0.2s ease';
-  }
-  /**
-   * @desc
-   */
-  removeTransition() {
-    this.anim = false;
-    this.target.style.transition = '';
-  }
-  /**
-   * @desc
-   * @returns
-   */
-  getOffset() {
-    return this.offset;
-  }
-  /**
-   * @desc
-   * @param event
-   * @param fn
-   */
-  on(event, fn) {
-    this.events[event].push(fn);
-  }
-  /**
-   * @desc
-   * @param event
-   */
-  triggerEvent(event, ...params) {
-    this.events[event].forEach((fn) => fn(params[0]));
-  }
-}
-
-export { DragDirections as D, ElementDragger as E };

package/dist/bromcom-ui/generate-0a22e8df.js

@@ -1,88 +0,0 @@
-/**
- * 'status' prop predefined values
- */
-var StatusProps;
-(function (StatusProps) {
-  StatusProps["info"] = "info";
-  StatusProps["error"] = "error";
-  StatusProps["warning"] = "warning";
-  StatusProps["success"] = "success";
-  StatusProps["default"] = "default";
-})(StatusProps || (StatusProps = {}));
-/**
- * 'type' prop predefined values
- */
-var TypeProps;
-(function (TypeProps) {
-  TypeProps["banner"] = "banner";
-  TypeProps["basic"] = "basic";
-})(TypeProps || (TypeProps = {}));
-
-class Generate {
-}
-Generate.UID = () => Math.random().toString(36).substr(2, 9);
-Generate.getIconAttrWithStatusType = (status, loading = false) => {
-  if (loading)
-    return { icon: 'loading', color: 'blue-6' };
-  switch (status) {
-    case StatusProps.info:
-      return { color: 'blue-6', icon: 'info-circle' };
-    case StatusProps.error:
-      return { color: 'red-6', icon: 'close-circle' };
-    case StatusProps.warning:
-      return { color: 'warmyellow-6', icon: 'exclamation-circle' };
-    case StatusProps.success:
-      return { color: 'green-6', icon: 'check-circle' };
-  }
-};
-Generate.createComponent = (element, props) => {
-  let container = document.getElementById('append-area');
-  if (!container) {
-    container = document.createElement('div');
-    container.id = 'append-area';
-    document.body.appendChild(container);
-  }
-  let box = document.createElement(element);
-  Object.keys(props).forEach(key => {
-    box[key] = props[key];
-  });
-  container.appendChild(box);
-  return box;
-};
-Generate.debounceInput = (func, wait, immediate) => {
-  let timeout;
-  return function () {
-    let context = this, args = arguments;
-    let later = function () {
-      timeout = null;
-      if (!immediate)
-        func.apply(context, args);
-    };
-    let callNow = immediate && !timeout;
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    if (callNow)
-      func.apply(context, args);
-  };
-};
-Generate.flatArray = (arr) => {
-  return arr.reduce((acc, val) => {
-    return acc.concat(Array.isArray(val) ? Generate.flatArray(val) : val);
-  }, []);
-};
-Generate.reverseNodeList = (node_list) => {
-  let arr = [];
-  for (let i = node_list.length - 1; i >= 0; i--) {
-    arr.push(node_list[i]);
-  }
-  return arr;
-};
-Generate.findEventPath = (event, find, items) => {
-  items = Array.isArray(items) ? items : [items];
-  let path = event.path || (event.composedPath && event.composedPath());
-  if (path) {
-    return path.filter((element) => items.includes(element[find]))[0] !== undefined;
-  }
-};
-
-export { Generate as G, StatusProps as S, TypeProps as T };