bromcom-ui 2.3.61 → 2.3.65

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 };

package/dist/bromcom-ui/input-template-e0e652a9.js

@@ -1,82 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-var defaultIcons;
-(function (defaultIcons) {
-  defaultIcons["search"] = "search";
-  defaultIcons["email"] = "mail";
-  defaultIcons["tel"] = "phone";
-  defaultIcons["url"] = "link";
-})(defaultIcons || (defaultIcons = {}));
-var iconSizes;
-(function (iconSizes) {
-  iconSizes[iconSizes["small"] = 14] = "small";
-  iconSizes[iconSizes["medium"] = 16] = "medium";
-  iconSizes[iconSizes["large"] = 18] = "large";
-})(iconSizes || (iconSizes = {}));
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = (type === 'password' && isPasswordVisible) ? 'text' : type;
-  value = value || '';
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? ' ' + unit : '') : value;
-  const templateHandleFocus = (e) => {
-    e.target.parentElement.classList.add('focused');
-    handleFocus(e);
-  };
-  const templateHandleBlur = (e) => {
-    e.target.parentElement.classList.remove('focused');
-    handleBlur(e);
-  };
-  var containerClass = classnames('bcm-input__container', ElementTagType === Bcm.HtmlElementType.textarea && classnames('bcm-input__textarea', 'textarea-size-' + Bcm.Size[size], 'resize-' + resize, 'textarea-' + size), ElementTagType === Bcm.HtmlElementType.input && classnames('input-size-' + Bcm.Size[size]), {
-    'focused': focused,
-    disabled,
-    readonly,
-    'invalid': inValid,
-    'unit': (unit === null || unit === void 0 ? void 0 : unit.length) > 0,
-    // 'empty': value?.length < 1,
-    'error': captionType === 'error'
-  });
-  const caretContainer = classnames('caret-container', {
-    'unit': (unit === null || unit === void 0 ? void 0 : unit.length) > 0,
-    'disabled': disabled || readonly || inValid
-  });
-  const inputClass = size === 'large' ? 'size-3' : 'size-2';
-  const unitClass = classnames(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && { type: type })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => handleInput(e), onChange: (e) => handleChange(e) })),
-    (clearable && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "close-circle", type: "fill", size: iconSizes[size], color: "grey-7" })),
-    (type === 'password' && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "eye-invisible" : "eye", type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type], type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "caret-up", type: "outlined", color: "grey-7", size: 8 })),
-      h("span", { class: "caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "caret-down", type: "outlined", color: "grey-7", size: 8 })))),
-    type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" })))));
-};
-
-export { InputTemplate as I };

package/dist/bromcom-ui/json-parse-decarator-223ea680.js

@@ -1,21 +0,0 @@
-import { g as getElement } from './index-dbc63c66.js';
-import { s as snq } from './snq.es5-946822b8.js';
-
-function JsonParse(attribute) {
-  return (proto, propName) => {
-    const { connectedCallback } = proto;
-    proto.connectedCallback = function () {
-      const host = getElement(this);
-      if (host[propName]) {
-        const value = snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
-        if (value) {
-          this[propName] = snq(() => typeof value === 'string' ? JSON.parse(value) : value, []);
-          host.removeAttribute(attribute);
-        }
-      }
-      return connectedCallback && connectedCallback.call(this);
-    };
-  };
-}
-
-export { JsonParse as J };

package/dist/bromcom-ui/label-template-b0b70fde.js

@@ -1,19 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-import { S as SlotTemplate } from './slot-template-5b8e1902.js';
-
-const LabelTemplate = ({ required, value, size, form, htmlFor, type }) => {
-  size = size || Bcm.FontSize['size-1'];
-  type = type || Bcm.Status.default;
-  const labelClasses = classnames('bcm-label__text', size, {
-    'bcm-label__text-error': type === Bcm.Status.error,
-  });
-  return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses },
-    " ",
-    h(SlotTemplate, { value: value }),
-    " ",
-    required && ('*')));
-};
-
-export { LabelTemplate as L };

package/dist/bromcom-ui/number-helper-fea1966f.js

@@ -1,13 +0,0 @@
-import { s as snq } from './snq.es5-946822b8.js';
-
-class NumberHelper {
-}
-NumberHelper.isNumber = (str) => snq(() => /^[0-9]+$/i.test(str));
-NumberHelper.convertToNumber = (str) => snq(() => Number(str));
-NumberHelper.replaceNumber = (str) => snq(() => str.replace(/[^0-9]/g, ''));
-NumberHelper.replaceFloat = (str) => snq(() => str.replace(/[^0-9.]/g, ''));
-NumberHelper.toFixed = (num, fixed) => snq(() => num.toFixed(fixed));
-NumberHelper.parseFloatFixed = (str, fixed) => snq(() => parseFloat(NumberHelper.replaceFloat(str)).toFixed(fixed));
-NumberHelper.getDecimalLength = (str) => snq(() => str.split('.')[1] ? str.split('.')[1].length : 0);
-
-export { NumberHelper as N };

package/dist/bromcom-ui/popover-placement-31e0e70f.js

@@ -1,96 +0,0 @@
-import { S as StringHelper } from './string-helper-414d635d.js';
-
-const opposites = {
-  left: 'right',
-  right: 'left',
-  top: 'bottom',
-  bottom: 'top'
-};
-const join = (places) => {
-  if (places.length === 1) {
-    return opposites[places[0]];
-  }
-  return [opposites[places[0]], places[1]].join('-');
-};
-const getPlacement = async (box, host, placement, changePlacement) => {
-  const { width, height } = box.getBoundingClientRect();
-  const { left, right, top, bottom } = host.getBoundingClientRect();
-  const places = StringHelper.textContains(placement, '-') ? placement.split('-') : placement.split(' ');
-  const bodyWidth = document.documentElement.clientWidth;
-  const bodyHeight = document.documentElement.clientHeight;
-  switch (places[0]) {
-    case 'left':
-      if (left < (width + 8)) {
-        changePlacement(join(places));
-      }
-      break;
-    case 'right':
-      if (bodyWidth < (right + width + 8)) {
-        changePlacement(join(places));
-      }
-      break;
-    case 'top':
-      if (top < (height + 8)) {
-        changePlacement(join(places));
-      }
-      break;
-    case 'bottom':
-      if (bodyHeight < (bottom + height + 8)) {
-        changePlacement(join(places));
-      }
-      break;
-    default:
-      break;
-  }
-};
-const setPosition = (placement, target) => {
-  const { offsetTop, offsetHeight, offsetWidth, offsetLeft } = target;
-  const rect = target.getBoundingClientRect();
-  const top = offsetTop || (rect.top + window.pageYOffset);
-  const left = offsetLeft || (rect.left + window.pageXOffset);
-  const height = offsetHeight || rect.height;
-  const width = offsetWidth || rect.width;
-  const places = StringHelper.textContains(placement, '-') ? placement.split('-') : placement.split(' ');
-  switch (places[0]) {
-    case 'left':
-      switch (places[1]) {
-        case 'start':
-          return [top, left];
-        case 'end':
-          return [top + height, left];
-        default:
-          return [top + (height / 2), left];
-      }
-    case 'right':
-      switch (places[1]) {
-        case 'start':
-          return [top, left + width];
-        case 'end':
-          return [top + height, left + width];
-        default:
-          return [top + (height / 2), left + width];
-      }
-    case 'top':
-      switch (places[1]) {
-        case 'start':
-          return [top, left];
-        case 'end':
-          return [top, left + width];
-        default:
-          return [top, left + width / 2];
-      }
-    case 'bottom':
-      switch (places[1]) {
-        case 'start':
-          return [top + height, left];
-        case 'end':
-          return [top + height, left + width];
-        default:
-          return [top + height, left + width / 2];
-      }
-    default:
-      break;
-  }
-};
-
-export { getPlacement as g, setPosition as s };

package/dist/bromcom-ui/property-decorators-21b15487.js

@@ -1,36 +0,0 @@
-import { g as getElement } from './index-dbc63c66.js';
-
-function AttrReflect(attribute) {
-  return (proto, propName) => {
-    const { connectedCallback } = proto;
-    proto.connectedCallback = function () {
-      const host = getElement(this);
-      registerAttrReflect(this, host, propName, attribute);
-      return connectedCallback && connectedCallback.call(this);
-    };
-  };
-}
-function registerAttrReflect(component, element, propName, attribute) {
-  if ("IntersectionObserver" in window) {
-    let io = new IntersectionObserver((data) => {
-      if (data[0].isIntersecting) {
-        initProps(component, element, propName, attribute);
-        io.disconnect();
-        io = null;
-      }
-    });
-    io.observe(element);
-  }
-  else {
-    // fall back to setTimeout for Safari and IE
-    setTimeout(() => {
-      initProps(component, element, propName, attribute);
-    }, 300);
-  }
-}
-function initProps(component, element, propName, attribute) {
-  component[propName] = element[attribute];
-  element.removeAttribute(attribute);
-}
-
-export { AttrReflect as A };

package/dist/bromcom-ui/slot-template-5b8e1902.js

@@ -1,9 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { S as StringHelper } from './string-helper-414d635d.js';
-
-const SlotTemplate = ({ value, className, name }) => {
-  return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },
-    h("slot", Object.assign({}, (name && { name: name })))) : h("span", { class: className }, value);
-};
-
-export { SlotTemplate as S };

package/dist/bromcom-ui/snq.es5-946822b8.js

@@ -1,14 +0,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;
-    }
-}
-
-export { snq as s };

package/dist/bromcom-ui/string-helper-414d635d.js

@@ -1,25 +0,0 @@
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-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.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;
-
-export { StringHelper as S };

package/dist/bromcom-ui/types-6b2a6629.js

@@ -1,172 +0,0 @@
-const variantOptions = {
-  save: {
-    text: 'Save',
-    class: 'success',
-    icon: 'save',
-    iconPosition: 'prefix',
-  },
-  ok: {
-    text: 'Ok',
-    class: 'success',
-    icon: 'check',
-    iconPosition: 'prefix',
-  },
-  new: {
-    text: 'New',
-    class: 'success',
-    icon: 'plus',
-    iconPosition: 'prefix',
-  },
-  add: {
-    text: 'Add',
-    class: 'success',
-    icon: 'plus',
-    iconPosition: 'prefix',
-  },
-  create: {
-    text: 'Create',
-    class: 'success',
-    icon: 'form',
-    iconPosition: 'prefix',
-  },
-  prev: {
-    text: 'Prev',
-    class: '',
-    icon: 'arrow-left',
-    iconPosition: 'prefix',
-  },
-  next: {
-    text: 'Next',
-    class: '',
-    icon: 'arrow-right',
-    iconPosition: 'suffix',
-  },
-  apply: {
-    text: 'Apply',
-    class: '',
-    icon: 'check-circle',
-    iconPosition: 'prefix',
-  },
-  submit: {
-    text: 'Submit',
-    class: '',
-    icon: 'save',
-    iconPosition: 'prefix',
-  },
-  send: {
-    text: 'Send',
-    class: 'success',
-    icon: 'send',
-    iconPosition: 'prefix',
-  },
-  delete: {
-    text: 'Delete',
-    class: 'warning',
-    icon: 'delete',
-    iconPosition: 'prefix',
-  },
-  cancel: {
-    text: 'Cancel',
-    class: 'warning',
-    icon: 'close',
-    iconPosition: 'prefix',
-  },
-  decline: {
-    text: 'Decline',
-    class: 'warning',
-    icon: 'stop',
-    iconPosition: 'prefix',
-  },
-  close: {
-    text: 'Close',
-    class: 'warning',
-    icon: 'close-circle',
-    iconPosition: 'prefix',
-  },
-  archive: {
-    text: 'Archive',
-    class: 'warning',
-    icon: 'folder-open',
-    iconPosition: 'prefix',
-  },
-  remove: {
-    text: 'Remove',
-    class: 'warning',
-    icon: 'minus-circle',
-    iconPosition: 'prefix',
-  },
-  edit: {
-    text: 'Edit',
-    class: '',
-    icon: 'edit',
-    iconPosition: 'prefix',
-  },
-  export: {
-    text: 'Export',
-    class: '',
-    icon: 'export',
-    iconPosition: 'prefix',
-  },
-  import: {
-    text: 'Import',
-    class: '',
-    icon: 'import',
-    iconPosition: 'prefix',
-  },
-  filter: {
-    text: 'Filter',
-    class: '',
-    icon: 'filter',
-    iconPosition: 'prefix',
-  },
-  update: {
-    text: 'Update',
-    class: '',
-    icon: 'sync',
-    iconPosition: 'prefix',
-  },
-  download: {
-    text: 'Download',
-    class: '',
-    icon: 'download',
-    iconPosition: 'prefix',
-  },
-};
-var VariantProps;
-(function (VariantProps) {
-  VariantProps["save"] = "save";
-  VariantProps["ok"] = "ok";
-  VariantProps["new"] = "new";
-  VariantProps["add"] = "add";
-  VariantProps["create"] = "create";
-  VariantProps["apply"] = "apply";
-  VariantProps["prev"] = "prev";
-  VariantProps["next"] = "next";
-  VariantProps["send"] = "send";
-  VariantProps["delete"] = "delete";
-  VariantProps["cancel"] = "cancel";
-  VariantProps["decline"] = "decline";
-  VariantProps["close"] = "close";
-  VariantProps["archive"] = "archive";
-  VariantProps["remove"] = "remove";
-  VariantProps["edit"] = "edit";
-  VariantProps["export"] = "export";
-  VariantProps["import"] = "import";
-  VariantProps["filter"] = "filter";
-  VariantProps["update"] = "update";
-  VariantProps["download"] = "download";
-})(VariantProps || (VariantProps = {}));
-const iconSizes = {
-  default: {
-    large: 16,
-    medium: 14,
-    small: 14,
-  },
-  iconOnly: {
-    large: 20,
-    medium: 18,
-    small: 16,
-  },
-};
-
-export { iconSizes as i, variantOptions as v };