bromcom-ui 2.3.70 → 2.3.71

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

@@ -1,219 +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-8e440fc4.js';
-import './_commonjsHelpers-2088bffa.js';
-import './index-55174f2a.js';
-import { c as createStore } from './index-dd5c1283.js';
-import { s as snq } from './snq.es5-946822b8.js';
-import './bcm-ad02f9c9.js';
-import { S as StringHelper } from './string-helper-35840f91.js';
-import { J as JsonParse } from './json-parse-decarator-223ea680.js';
-import { I as InputTemplate } from './input-template-487d3243.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.push(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 { result: Generate.flatArray(results[0].result), matching: results[0].matching, parentIndex: results[0].parentIndex };
-};
-const nestedSearch = (items, searchText) => {
-  let matching = [];
-  let parentIndex = [];
-  let result = [];
-  if (items && items.length > 0) {
-    items.forEach(child => {
-      if (StringHelper.slugify(child.text).indexOf(StringHelper.slugify(searchText)) > -1) {
-        result.push(child.id);
-        matching.push(child.id);
-        parentIndex.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.result.length > 0) {
-          // found.result.forEach(chi => {
-          // })
-          result.push({ id: child.id, items: found.result });
-          // result.push(child.id)
-          parentIndex.push(child.id);
-        }
-        if (found.matching.length > 0) {
-          matching.push(child.id);
-        }
-      }
-    });
-  }
-  ;
-  return { result, matching, parentIndex };
-};
-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.isActiveClearable = false;
-    this.debounceHandler = Generate.debounceInput((event) => this.onSearchValue(event, this), 500, false, () => {
-      var _a, _b;
-      this.isActiveClearable = ((_b = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.clearable;
-    });
-  }
-  async componentDidLoad() {
-    await this.initState();
-  }
-  async dataChanged(newValue, oldValue) {
-    // console.log('data changed', newValue, oldValue)
-    if (newValue !== oldValue) {
-      console.log('data changed', 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")
-  }
-  async onBcmFocus() {
-    this.inputElement.focus();
-  }
-  async onBcmBlur() {
-    this.inputElement.blur();
-  }
-  async onBcmSelect() {
-    this.inputElement.select();
-  }
-  handleFocus() { }
-  handleBlur() { }
-  handleChange() { }
-  async handleClear() {
-    this.inputElement.value = '';
-    const { value, id } = this.inputElement;
-    searchState.searchData(id, value);
-    this.isActiveClearable = false;
-    this.bcmOnSearch.emit({ result: null, value: null, matching: null, parentIndex: null });
-    return Promise.resolve();
-  }
-  onSearchValue(event, instance) {
-    const { value, id } = event.target;
-    const searchResult = value.length >= 2 ? searchState.searchData(id, value) : null;
-    const { bcmOnSearch, inputElement } = instance;
-    bcmOnSearch.emit({ result: searchResult === null || searchResult === void 0 ? void 0 : searchResult.result, value: inputElement === null || inputElement === void 0 ? void 0 : inputElement.value, matching: searchResult === null || searchResult === void 0 ? void 0 : searchResult.matching, parentIndex: searchResult === null || searchResult === void 0 ? void 0 : searchResult.parentIndex });
-  }
-  render() {
-    const { _id, placeholder, disabled, readonly } = this;
-    return h(Host, null, h(InputTemplate, { size: "medium", id: _id, type: "text", placeholder: placeholder, disabled: disabled, readonly: readonly, clearable: this.isActiveClearable, 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/generate-8e440fc4.js

@@ -1,91 +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, callBack) => {
-  let timeout;
-  return function () {
-    let context = this, args = arguments;
-    if (callBack)
-      callBack.apply(context, args);
-    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;
-  }
-};
-Generate.objectIsEmpty = (obj) => Object.keys(obj).length === 0 && obj.constructor === Object;
-
-export { Generate as G, StatusProps as S, TypeProps as T };

package/dist/bromcom-ui/index-55174f2a.js

@@ -1,58 +0,0 @@
-import { c as createCommonjsModule } from './_commonjsHelpers-2088bffa.js';
-
-var classnames = createCommonjsModule(function (module) {
-/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-	'use strict';
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames () {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
-				}
-			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if ('object' !== 'undefined' && module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else if (typeof undefined === 'function' && typeof undefined.amd === 'object' && undefined.amd) {
-		// register as 'classnames', consistent with npm package name
-		undefined('classnames', [], function () {
-			return classNames;
-		});
-	} else {
-		window.classNames = classNames;
-	}
-}());
-});
-
-export { classnames as c };

package/dist/bromcom-ui/index-dd5c1283.js

@@ -1,187 +0,0 @@
-import { i as getRenderingRef, j as forceUpdate } from './index-dbc63c66.js';
-
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(defaultState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        const unReset = on('reset', () => cb(defaultState[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-export { createStore as c };