bromcom-ui 2.7.23-0 → 2.7.23-3

package/dist/esm/element-dragger-89bb52fd.js

@@ -1,277 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { a as getTransform } from './utils-57652744.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/esm/generate-c173d211.js

@@ -1,179 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-/**
- * '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 = {}));
-
-const version = "2.7.23-0";
-
-function snq(callback, defaultValue) {
-    try {
-        var result = callback();
-        return typeof result === 'undefined' ? defaultValue : result;
-    }
-    catch (err) {
-        if (err instanceof TypeError) {
-            return defaultValue;
-        }
-        throw err;
-    }
-}
-
-const allowedDomains = ['localhost', 'beta-regression.bromcomcloud.com', 'beta-scrum.bromcomcloud.com', 'beta-kanban.bromcomcloud.com'];
-const isAllowedDomain = () => {
-  const hostname = window.location.hostname;
-  return allowedDomains.includes(hostname);
-};
-if (isAllowedDomain()) {
-  console.log(`%cbromcom ui%c version: ${version}-${'p'} `, `color: white; background:#1890FF; font-weight: 300;  font-size:10px;  padding:2px 6px;  border-radius: 5px`, `font-size:10px;`);
-}
-class Generate {
-}
-Generate.UID = () => Math.random().toString(36).substr(2, 9);
-Generate.getIconAttrWithStatusType = (status, loading = false) => {
-  if (loading)
-    return { icon: 'far fa-spinner-third fa-spin' };
-  switch (status) {
-    case StatusProps.info:
-      return { icon: 'far fa-info-circle' };
-    case StatusProps.error:
-      return { icon: 'far fa-times-circle' };
-    case StatusProps.warning:
-      return { icon: 'far fa-exclamation-circle' };
-    case StatusProps.success:
-      return { icon: 'far fa-check-circle' };
-  }
-};
-Generate.createComponent = (el, props, area = 'append-area') => {
-  let container = area ? document.querySelector(area) : document.body;
-  if (area && !container) {
-    container = document.createElement('div');
-    container.id = 'append-area';
-    document.body.appendChild(container);
-    container.style.visibility = 'hidden';
-    container.style.opacity = '0';
-  }
-  let element = document.getElementById(props.id);
-  if (!element) {
-    element = document.createElement(el);
-  }
-  // debugger;
-  Object.keys(props).forEach(key => {
-    element[key] = props[key];
-  });
-  container.appendChild(element);
-  return element;
-};
-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.findEventPathWithKey = (event, key, items) => {
-  items = Array.isArray(items) ? items : [items];
-  let path = event.composedPath() || event.path;
-  if (path) {
-    return path.filter((element) => items.includes(element[key]))[0] !== undefined;
-  }
-};
-Generate.findEventPathHasAttribute = (event, key) => {
-  let path = event.composedPath() || event.path;
-  if (path) {
-    return snq(() => !!path.find((element) => element.hasAttribute(key)), false);
-  }
-};
-Generate.findEventTarget = (event, items) => {
-  items = Array.isArray(items) ? items : [items];
-  let target = event.target || event.srcElement;
-  console.log(target);
-  if (target) {
-    return items.includes(target);
-  }
-};
-Generate.findEventPathWithNodeName = (event, nodeName) => {
-  let path = event.composedPath() || event.path;
-  if (path) {
-    return path.filter((element) => element.nodeName === nodeName)[0];
-  }
-};
-Generate.findEventPath = (event, items) => {
-  items = Array.isArray(items) ? items : [items];
-  let path = event.composedPath() || event.path;
-  if (path) {
-    return path.filter((element) => items.includes(element))[0] !== undefined;
-  }
-};
-Generate.objectIsEmpty = obj => Object.keys(obj).length === 0 && obj.constructor === Object;
-Generate.convertIdsToNestedData = (ids, checklist) => {
-  let result = [];
-  let found = [];
-  checklist.forEach(item => {
-    if (ids && ids.indexOf(item.id) > -1) {
-      result.push(item);
-    }
-    else {
-      if (item.items) {
-        found = Generate.convertIdsToNestedData(ids, item.items);
-        if (found.length > 0) {
-          item.items = found;
-          result.push(item);
-        }
-      }
-    }
-  });
-  return result;
-};
-//nodelist to array
-Generate.nodeListToArray = nodeList => {
-  return Array.prototype.slice.call(nodeList);
-};
-Generate.setAttributes = (item, obj) => {
-  Object.keys(obj).forEach(key => {
-    item.setAttribute(key, obj[key]);
-  });
-};
-
-export { Generate as G, StatusProps as S, TypeProps as T, snq as s };

package/dist/esm/global-7747dd78.js

@@ -1,36 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-async function bcm(id, ms = 300) {
-  let promise = new Promise(async function (resolve, reject) {
-    let selector = document.getElementById(id);
-    if (selector) {
-      resolve(selector);
-    }
-    else {
-      document.addEventListener('bcm-is-load', async (e) => {
-        if (e.target.id == id) {
-          document.removeEventListener('bcm-is-load', e);
-          selector = document.getElementById(id);
-          return resolve(selector);
-        }
-        await new Promise(resolve => setTimeout(resolve, ms));
-        document.removeEventListener('bcm-is-load', e);
-      });
-      await new Promise(resolve => setTimeout(resolve, ms));
-      reject(`Selector ${id} not found`);
-    }
-  });
-  return promise;
-}
-function addHeadScript(obj) {
-  const head = document.head;
-  const script = document.createElement('script');
-  Object.keys(obj).forEach(key => {
-    script[key] = obj[key];
-  });
-  head.appendChild(script);
-}
-addHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });
-addHeadScript({ innerHTML: bcm.toString() });

package/dist/esm/index-61ad8f90.js

@@ -1,191 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { d as getRenderingRef, f as forceUpdate } from './index-64896f16.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 };