bromcom-ui 2.3.67 → 2.3.71

package/dist/bromcom-ui/utils-333ded7f.js

@@ -1,438 +0,0 @@
-const ColorPalette = {
-  'black': '#000000',
-  'white': '#ffffff',
-  'prime-blue': {
-    1: '#F4FBFE',
-    2: '#D4E9F6',
-    3: '#B0D3EC',
-    4: '#8ABDE2',
-    5: '#65A8D9',
-    6: '#4293CF',
-    7: '#3679AB',
-    8: '#285C82',
-    9: '#194E75',
-    10: '#0E2739'
-  },
-  'grey': {
-    1: '#FFFFFF',
-    2: '#FAFAFA',
-    3: '#F5F5F5',
-    4: '#E8E8E8',
-    5: '#D9D9D9',
-    6: '#BFBFBF',
-    7: '#8C8C8C',
-    8: '#595959',
-    9: '#262626',
-    10: '#000000'
-  },
-  'blue': {
-    1: '#E6F7FF',
-    2: '#BAE7FF',
-    3: '#91D5FF',
-    4: '#69C0FF',
-    5: '#40A9FF',
-    6: '#1890FF',
-    7: '#096DD9',
-    8: '#0050B3',
-    9: '#003A8C',
-    10: '#002766'
-  },
-  'warmyellow': {
-    1: '#FFFBE6',
-    2: '#FFF1B8',
-    3: '#FFE58F',
-    4: '#FFD666',
-    5: '#FFC53D',
-    6: '#FAAD14',
-    7: '#D48806',
-    8: '#AD6800',
-    9: '#874D00',
-    10: '#613400'
-  },
-  'yellow': {
-    1: '#FEFFE6',
-    2: '#FFFFB8',
-    3: '#FFFB8F',
-    4: '#FFF566',
-    5: '#FFEC3D',
-    6: '#FADB14',
-    7: '#D4B106',
-    8: '#AD8B00',
-    9: '#876800',
-    10: '#614700'
-  },
-  'limegreen': {
-    1: '#FCFFE6',
-    2: '#F4FFB8',
-    3: '#EAFF8F',
-    4: '#D3F261',
-    5: '#BAE637',
-    6: '#A0D911',
-    7: '#7CB305',
-    8: '#5B8C00',
-    9: '#3F66',
-    10: '#254000'
-  },
-  'red': {
-    1: '#FFF1F0',
-    2: '#FFCCC7',
-    3: '#FFA39E',
-    4: '#FF7875',
-    5: '#FF4D4F',
-    6: '#F5222D',
-    7: '#CF1322',
-    8: '#A8071A',
-    9: '#820014',
-    10: '#5C0011'
-  },
-  'darkorange': {
-    1: '#FFF2E8',
-    2: '#FFD8BF',
-    3: '#FFBB96',
-    4: '#FF9C6E',
-    5: '#FF7A45',
-    6: '#FA541C',
-    7: '#D4380D',
-    8: '#AD2102',
-    9: '#871400',
-    10: '#610B00'
-  },
-  'orange': {
-    1: '#FFF7E6',
-    2: '#FFE7BA',
-    3: '#FFD591',
-    4: '#FFC096',
-    5: '#FFA940',
-    6: '#FA8C16',
-    7: '#D46B08',
-    8: '#AD4E00',
-    9: '#873800',
-    10: '#612500'
-  },
-  'green': {
-    1: '#F6FFED',
-    2: '#D9F7BE',
-    3: '#B7EB8F',
-    4: '#95DE64',
-    5: '#73D13D',
-    6: '#52C41A',
-    7: '#389E0D',
-    8: '#237804',
-    9: '#135200',
-    10: '#092B00'
-  },
-  'turquosie': {
-    1: '#E6FFFB',
-    2: '#B5F5EC',
-    3: '#87E8DE',
-    4: '#5CDBD3',
-    5: '#36CFC9',
-    6: '#13C2C2',
-    7: '#08979C',
-    8: '#006D75',
-    9: '#00474F',
-    10: '#002329'
-  },
-  'cobaltblue': {
-    1: '#F0F5FF',
-    2: '#D6E4FF',
-    3: '#ADC6FF',
-    4: '#85A5FF',
-    5: '#597EF7',
-    6: '#2F54EB',
-    7: '#1D39C4',
-    8: '#10239E',
-    9: '#061178',
-    10: '#030852'
-  },
-  'magenta': {
-    1: '#FFF0F6',
-    2: '#FFD6E7',
-    3: '#FFADD2',
-    4: '#FF85C0',
-    5: '#F759AB',
-    6: '#EB2F96',
-    7: '#C41D7F',
-    8: '#9E1068',
-    9: '#780650',
-    10: '#520339'
-  },
-  'purple': {
-    1: '#F9F0FF',
-    2: '#EFDBFF',
-    3: '#D3ADF7',
-    4: '#B37FEB',
-    5: '#9254DE',
-    6: '#722ED1',
-    7: '#531DAB',
-    8: '#391085',
-    9: '#22075E',
-    10: '#120338'
-  },
-  'bc-red': {
-    1: '#FCF5F5',
-    2: '#F3C4BF',
-    3: '#EB998F',
-    4: '#E46E60',
-    5: '#CC4C41',
-    6: '#AA3527',
-    7: '#8D2D20',
-    8: '#6F241A',
-    9: '#4A1912'
-  },
-  'bc-orange': {
-    1: '#FEF9F4',
-    2: '#F9DDC0',
-    3: '#F7C494',
-    4: '#F4AD69',
-    5: '#F1963F',
-    6: '#D38236',
-    7: '#B26C2C',
-    8: '#905622',
-    9: '#6B3E17'
-  },
-  'bc-green': {
-    1: '#F8FCF6',
-    2: '#DBE8CA',
-    3: '#C0D6A2',
-    4: '#A6C57B',
-    5: '#8BB453',
-    6: '#7C9F4B',
-    7: '#6A8740',
-    8: '#586E36',
-    9: '#45532B'
-  },
-  'bc-blue': {
-    1: '#F4FBFE',
-    2: '#C5DEF0',
-    3: '#99C4E5',
-    4: '#6DACDA',
-    5: '#4293CF',
-    6: '#3A7FB3',
-    7: '#316892',
-    8: '#275071',
-    9: '#1D374F'
-  }
-};
-
-const delay = ms => new Promise(res => setTimeout(res, ms));
-/**
- * @desc
- * @param nodeMap
- */
-const getElementAttributes = (nodeMap) => {
-  if (nodeMap) {
-    const length = nodeMap.length;
-    console.log('namedNodeMap: ', nodeMap);
-    return Object.keys(nodeMap).reduce((props, current) => {
-      try {
-        const numCurrent = parseInt(current);
-        if (numCurrent < length) {
-          const property = nodeMap[current];
-          return Object.assign(Object.assign({}, props), { [property.name]: property.value });
-        }
-      }
-      catch (err) { }
-    }, {});
-  }
-  return {};
-};
-/**
- * @desc
- * @param colors
- * @param colorName
- */
-const extractColor = (colors, colorName) => {
-  const splitted = colorName.split('-');
-  const grade = splitted[splitted.length - 1];
-  const swatch = splitted.slice(0, splitted.length - 1).join('-');
-  return colors[swatch] && colors[swatch][grade] ? colors[swatch][grade] : colors['prime-blue']['6'];
-};
-/**
- * @desc
- */
-const generateCssVariables = () => {
-  let rootColors = '';
-  Object.keys(ColorPalette).forEach((color) => {
-    Object.keys(ColorPalette[color]).forEach((key) => {
-      let variable = `--bcm-color-${color}-${key}: #\{$${color}-${key}\};\n`;
-      rootColors += variable;
-    });
-  });
-  return rootColors;
-};
-/**
- * @desc
- * @param component
- * @param component2
- */
-const isTargetComponent = (component, component2) => {
-  return component.tagName && String(component.tagName).toLowerCase() === component2;
-};
-/**
- *
- * @param type
- */
-const getChilds = (el, component) => {
-  let elements = [];
-  let allElements = [];
-  // Get @component's from 
-  // slot childs
-  const slot = Array.from(el.shadowRoot.querySelectorAll('slot')).find(slot => !slot.name);
-  elements = (slot && slot.assignedElements()) || [];
-  elements.map(element => {
-    String(element.tagName).toLowerCase() == component
-      && allElements.push(element);
-  });
-  // Get @component's from 
-  // childs
-  elements = el.shadowRoot.querySelectorAll(component);
-  allElements = [
-    ...allElements,
-    ...elements
-  ];
-  return allElements;
-};
-const getChildElements = (el, component) => {
-  return [...el.querySelectorAll(component)];
-};
-/**
- * @desc
- */
-function createError(
-// @ts-ignore
-template, 
-// @ts-ignore
-arg1, 
-// @ts-ignore
-arg2, 
-// @ts-ignore
-arg3, 
-// @ts-ignore
-arg4, 
-// @ts-ignore
-arg5, 
-// @ts-ignore
-arg6, 
-// @ts-ignore
-arg7, 
-// @ts-ignore
-arg8, 
-// @ts-ignore
-arg9) {
-  let str = arguments[0];
-  let curr, pb = false, ts = '', tstr = str, ca = 1;
-  for (let i = 0; i < str.length; i++) {
-    curr = str[i];
-    if (pb)
-      if (curr == '}') {
-        tstr = tstr.replace('{' + ts + '}', arguments[ca]);
-        pb = false;
-        ts = '';
-        ca++;
-      }
-      else
-        ts += curr;
-    if (curr == '{')
-      pb = true;
-  }
-  return tstr;
-}
-/**
- * @desc
- * @param element
- */
-const getRect = (element) => {
-  return element.getBoundingClientRect();
-};
-/**
- * @desc
- * @param
- */
-const dropInComponent = (followingComponent, targetComponent) => {
-  const el = followingComponent;
-  const linkedComponent = targetComponent;
-  const bodyWidth = document.documentElement.clientWidth;
-  const bodyHeight = document.documentElement.clientHeight;
-  // window.onload = () => {
-  // document.querySelector(targetComponent).onload = () => {
-  var linkedId = document.querySelector(linkedComponent);
-  if (linkedId) {
-    var captionAreaHeight = 0;
-    if (linkedId.shadowRoot && linkedId.shadowRoot.querySelector(".caption-area") && linkedId.shadowRoot.querySelector(".caption-area").clientHeight) {
-      captionAreaHeight = linkedId.shadowRoot.querySelector(".caption-area").clientHeight + 8;
-    }
-    var labelAreaHeight = 0;
-    if (linkedId.shadowRoot && linkedId.shadowRoot.querySelector(".label") && linkedId.shadowRoot.querySelector(".label").clientHeight) {
-      labelAreaHeight = linkedId.shadowRoot.querySelector(".label").clientHeight + 2;
-    }
-    var captionHeight = linkedId["noCaption"] ? 0 : captionAreaHeight - 8;
-    var linkedPosition = getRect(linkedId);
-    el.style.position = "fixed";
-    el.style.top = linkedPosition.top + linkedPosition.height - captionHeight + "px";
-    el.style.left = linkedPosition.left + "px";
-    if (bodyHeight < (el.clientHeight + linkedPosition.top + linkedPosition.height - captionHeight)) {
-      el.style.top = linkedPosition.top - el.clientHeight + labelAreaHeight + "px";
-    }
-    if (bodyWidth < el.clientWidth + linkedPosition.left) {
-      el.style.left = linkedPosition.left - el.clientWidth + linkedPosition.width - 2 + "px";
-    }
-  }
-  // }
-  // };
-};
-/**
- * @desc
- * @param element
- */
-const getTransform = (element) => {
-  let transform = getComputedStyle(element).getPropertyValue('transform');
-  let values;
-  values = transform.replace(/(matrix|\(|\)|px)/g, '');
-  values = values.split(', ');
-  return { x: parseInt(values[4]), y: parseInt(values[5]) };
-};
-/**
- * @desc
- * @param mouseEvent
- * @param element
- */
-const getDragPoint = (event, element) => {
-  // const rectElement: DOMRect = getRect(element)
-  const transformElement = getTransform(element);
-  console.log(event.pageY, transformElement.y, event.pageY - transformElement.y);
-  return {
-    x: event.pageX - element.offsetLeft,
-    y: event.pageY - transformElement.y
-  };
-  /* return {
-      x: Math.floor(event.clientX) - (rectElement.x + (rectElement.width / 2)),
-      y: Math.floor(event.clientY) - (rectElement.y + (rectElement.height / 2))
-  } */
-};
-const pluralize = (function () {
-  // var vowels = "aeiou";
-  var irregulars = { "addendum": "addenda", "aircraft": "aircraft", "alumna": "alumnae", "alumnus": "alumni", "analysis": "analyses", "antenna": "antennae", "antithesis": "antitheses", "apex": "apices", "appendix": "appendices", "axis": "axes", "bacillus": "bacilli", "bacterium": "bacteria", "basis": "bases", "beau": "beaux", "bison": "bison", "bureau": "bureaux", "cactus": "cacti", "château": "châteaux", "child": "children", "codex": "codices", "concerto": "concerti", "corpus": "corpora", "crisis": "crises", "criterion": "criteria", "curriculum": "curricula", "datum": "data", "deer": "deer", "diagnosis": "diagnoses", "die": "dice", "dwarf": "dwarves", "ellipsis": "ellipses", "erratum": "errata", "faux pas": "faux pas", "fez": "fezzes", "fish": "fish", "focus": "foci", "foot": "feet", "formula": "formulae", "fungus": "fungi", "genus": "genera", "goose": "geese", "graffito": "graffiti", "grouse": "grouse", "half": "halves", "hoof": "hooves", "hypothesis": "hypotheses", "index": "indices", "larva": "larvae", "libretto": "libretti", "loaf": "loaves", "locus": "loci", "louse": "lice", "man": "men", "matrix": "matrices", "medium": "media", "memorandum": "memoranda", "minutia": "minutiae", "moose": "moose", "mouse": "mice", "nebula": "nebulae", "nucleus": "nuclei", "oasis": "oases", "offspring": "offspring", "opus": "opera", "ovum": "ova", "ox": "oxen", "parenthesis": "parentheses", "phenomenon": "phenomena", "phylum": "phyla", "quiz": "quizzes", "radius": "radii", "referendum": "referenda", "salmon": "salmon", "scarf": "scarves", "self": "selves", "series": "series", "sheep": "sheep", "shrimp": "shrimp", "species": "species", "stimulus": "stimuli", "stratum": "strata", "swine": "swine", "syllabus": "syllabi", "symposium": "symposia", "synopsis": "synopses", "tableau": "tableaux", "thesis": "theses", "thief": "thieves", "tooth": "teeth", "trout": "trout", "tuna": "tuna", "vertebra": "vertebrae", "vertex": "vertices", "vita": "vitae", "vortex": "vortices", "wharf": "wharves", "wife": "wives", "wolf": "wolves", "woman": "women", "guy": "guys", "buy": "buys", "person": "people" };
-  function text(word, length = 1) {
-    if (length > 1) {
-      if (irregulars[word]) {
-        return irregulars[word];
-      }
-      else if (word[word.length - 1] === "s" || word.endsWith("sh") || word.endsWith("ch") || word[word.length - 1] === "x" || word[word.length - 1] === "z") {
-        return word + "es";
-      }
-      else if (word[word.length - 1] === "y") {
-        return word.substring(0, word.length - 1) + "ies";
-      }
-      else {
-        return word + "s";
-      }
-    }
-    else {
-      return word;
-    }
-  }
-  return text;
-})();
-
-export { ColorPalette as C, getTransform as a, getChilds as b, delay as c, dropInComponent as d, createError as e, extractColor as f, getChildElements as g, isTargetComponent as i, pluralize as p };

package/dist/types/components/atoms/states/badge.states.d.ts

@@ -1,7 +0,0 @@
-import BcmAtomsState from "../../../models/states/Atoms/bcm-Atoms-state";
-declare const _default: {
-  removeValue: (_id: any) => void;
-  getValue: (id: any) => BcmAtomsState.Badge;
-  setValue: (val: any) => void;
-};
-export default _default;

package/dist/types/components/atoms/states/button.states.d.ts

@@ -1,7 +0,0 @@
-import { BcmAtomsState } from "../../../models/states/atoms/bcm-atoms-state";
-declare const _default: {
-  setValue: (val: any) => void;
-  removeValue: (_id: any) => void;
-  getValue: (id: any) => BcmAtomsState.Button;
-};
-export default _default;

package/dist/types/components/molecules/breadcrumb/types.d.ts

@@ -1,10 +0,0 @@
-export interface ItemType {
-  index?: number;
-  id?: string;
-  label?: string;
-  href?: string;
-  icon?: string;
-  target: string;
-  child?: boolean;
-  dropdown?: Array<ItemType>;
-}

package/dist/types/components/molecules/input/types.d.ts

@@ -1,13 +0,0 @@
-export declare enum defaultIcons {
-  search = "search",
-  email = "mail",
-  tel = "phone",
-  url = "link"
-}
-export declare enum iconSizes {
-  small = 14,
-  medium = 16,
-  large = 18
-}
-export declare type DefaultIcon = keyof typeof defaultIcons;
-export declare type iconSize = keyof typeof iconSizes;

package/dist/types/components/molecules/progress/types.d.ts

@@ -1,24 +0,0 @@
-export declare const lineSizes: {
-  small: {
-    textSize: string;
-    iconSize: number;
-  };
-  medium: {
-    textSize: string;
-    iconSize: number;
-  };
-};
-export declare const circleSizes: {
-  small: {
-    textSize: string;
-    iconSize: number;
-    circleSize: number;
-    radius: number;
-  };
-  medium: {
-    textSize: string;
-    iconSize: number;
-    circleSize: number;
-    radius: number;
-  };
-};

package/dist/types/components/molecules/range/range.d.ts

@@ -1,36 +0,0 @@
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import { DirectionTypes } from '../../../models/bcm-types';
-export declare class BcmRange implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  min: number;
-  max: number;
-  step: number;
-  value: any;
-  height: string;
-  name: string;
-  direction: DirectionTypes;
-  _prefix: string;
-  _suffix: string;
-  multiple: boolean;
-  leftValue: number;
-  rightValue: number;
-  leftMin: number;
-  change: EventEmitter;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  setValue(value: any): Promise<any>;
-  setClear(): Promise<void>;
-  resetCaption(): Promise<boolean>;
-  getValue(): Promise<any>;
-  syncValues(type: any, event: any): void;
-  handleChange(): void;
-  setThumbPosition(type: string): void;
-  hiddenLeftThumb(): void;
-  getTooltip(type: any): any;
-  getThumb(type: string): any;
-  getInput(type: string): any;
-  touchToMove(value: any): void;
-  hoverTick(id: any, status: any): void;
-  render(): any;
-}

package/dist/types/components/molecules/search-2/search-2.d.ts

@@ -1,26 +0,0 @@
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-export declare class BcmSearch2 implements ComponentInterface {
-  el: HTMLElement;
-  inputElement: HTMLInputElement;
-  _id: string;
-  placeholder: string;
-  disabled: boolean;
-  readonly: boolean;
-  clearable: boolean;
-  limit: number;
-  data: any;
-  tick: {};
-  bcmOnSearch: EventEmitter;
-  debounceHandler: () => void;
-  componentDidLoad(): Promise<void>;
-  dataChanged(newValue: any, oldValue: any): Promise<void>;
-  private initState;
-  private markForCheck;
-  handleInput(): void;
-  handleFocus(): void;
-  handleBlur(): void;
-  handleChange(): void;
-  handleClear(): void;
-  onSearchValue(event: any, instance: any): void;
-  render(): any;
-}

package/dist/types/components/molecules/states/alert.states.d.ts

@@ -1,7 +0,0 @@
-import BcmMoleculesState from "../../../models/states/molecules/bcm-molecules-state";
-declare const _default: {
-  setValue: (val: any) => void;
-  removeValue: (_id: any) => void;
-  getValue: (id: any) => BcmMoleculesState.Alert;
-};
-export default _default;

package/dist/types/components/molecules/states/checkbox-group.states.d.ts

@@ -1,53 +0,0 @@
-declare const _default: {
-  setValue: ({ fullWidth, optionType, buttonStyle, size, disabled, defaultCheckedItems, el, id, label, required, captionType, hidden, direction, childs, indeterminate, gap, noCaption, }: {
-    fullWidth: any;
-    optionType: any;
-    buttonStyle: any;
-    size: any;
-    disabled: any;
-    defaultCheckedItems: any;
-    el: any;
-    id: any;
-    label: any;
-    required: any;
-    captionType: any;
-    hidden: any;
-    direction: any;
-    childs: any;
-    indeterminate: any;
-    gap: any;
-    noCaption: any;
-  }) => Promise<void>;
-  getValue: (id: any, name: any) => any;
-  setCheckedItems: (id: any, items: any, checked: any) => void;
-  getCheckedList: (id: any) => any;
-  getProperty: (id: any) => any;
-  setClear: (id: any) => void;
-  resetCaption: (id: any) => void;
-  state: {
-    group: Map<string, {
-      fullWidth: any;
-      optionType: any;
-      buttonStyle: any;
-      size: any;
-      disabled: any;
-      defaultCheckedItems: any;
-      label: any;
-      required: any;
-      captionType: any;
-      hidden: any;
-      direction: any;
-      childs: any;
-      indeterminate: any;
-      indeterminateState: any;
-      gap: any;
-      noCaption: any;
-    }>;
-    allChecked: boolean;
-    allUnchecked: boolean;
-    changeInderminate: Object;
-    onChange: Object;
-  };
-  changeIndeterminate: (id: any) => void;
-};
-export default _default;

package/dist/types/components/molecules/states/message.states.d.ts

@@ -1,7 +0,0 @@
-import BcmMoleculesState from "../../../models/states/molecules/bcm-molecules-state";
-declare const _default: {
-  removeValue: (_id: any) => void;
-  getValue: (id: any) => BcmMoleculesState.Message;
-  setValue: (val: any) => void;
-};
-export default _default;

package/dist/types/components/molecules/states/notification.states.d.ts

@@ -1,7 +0,0 @@
-import BcmMoleculesState from "../../../models/states/molecules/bcm-molecules-state";
-declare const _default: {
-  removeValue: (_id: any) => void;
-  getValue: (id: any) => BcmMoleculesState.Notification;
-  setValue: (val: any) => void;
-};
-export default _default;

package/dist/types/components/molecules/states/radio-group.states.d.ts

@@ -1,47 +0,0 @@
-declare const _default: {
-  setValue: ({ fullWidth, optionType, buttonStyle, size, disabled, defaultCheckedItems, el, id, label, required, captionType, hidden, direction, childs, gap, name, noCaption, }: {
-    fullWidth: any;
-    optionType: any;
-    buttonStyle: any;
-    size: any;
-    disabled: any;
-    defaultCheckedItems: any;
-    el: any;
-    id: any;
-    label: any;
-    required: any;
-    captionType: any;
-    hidden: any;
-    direction: any;
-    childs: any;
-    gap: any;
-    name: any;
-    noCaption: any;
-  }) => Promise<void>;
-  getValue: (id: any) => any;
-  setCheckedItem: (id: any, item: any, checked: any) => void;
-  getProperty: (id: any) => any;
-  setClear: (id: any) => void;
-  resetCaption: (id: any) => void;
-  state: {
-    group: Map<string, {
-      fullWidth: any;
-      optionType: any;
-      buttonStyle: any;
-      size: any;
-      disabled: any;
-      defaultCheckedItems: any;
-      label: any;
-      required: any;
-      captionType: any;
-      hidden: any;
-      direction: any;
-      childs: any;
-      gap: any;
-      noCaption: any;
-      name: any;
-    }>;
-    onChange: Object;
-  };
-};
-export default _default;