bromcom-ui 2.7.37-rc.1 → 2.7.37-rc.3

package/dist/esm/tooltip-helper-bed79484.js

@@ -0,0 +1,102 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import './element-dragger-89bb52fd.js';
+import { S as StringHelper } from './string-helper-74a1648f.js';
+import { F as FloatingUI } from './floating-ui-f03a96ce.js';
+import { C as ColorHelper } from './color-helper-7e202fd8.js';
+import './datetime-helper-df25808a.js';
+import { G as Generate } from './generate-d57a5f95.js';
+import './number-helper-75d21178.js';
+import './validators-6af629b4.js';
+
+class Tooltip {
+  constructor({ message, targetId, placement = 'top', color = 'slate-700', trigger = 'none' }) {
+    this.bgColor = () => ColorHelper.twColor(this.color, 700);
+    this.target = () => document.getElementById(this.targetId);
+    this.init = () => {
+      this.el = Generate.createElement('div', {
+        'id': `${this.targetId}-tooltip-box`,
+        'class': `
+            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-1 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,
+        'role': 'tooltip',
+        'aria-hidden': 'true',
+        'style': `color: ${ColorHelper.twColorReverse(this.bgColor())}`,
+        'innerHTML': StringHelper.trim(this.message),
+      });
+    };
+    this.update = () => {
+      this.el = document.getElementById(this.id);
+      if (this.el) {
+        this.hide();
+        this.show();
+      }
+    };
+    this.listener = () => {
+      window.addEventListener('resize', this.calculatePosition.bind(this));
+      window.addEventListener('scroll', this.calculatePosition.bind(this));
+      if (this.trigger && this.target()) {
+        switch (this.trigger) {
+          case 'click':
+            this.target().addEventListener('click', this.toggle.bind(this));
+            break;
+          case 'hover':
+            this.target().addEventListener('mouseenter', this.show.bind(this));
+            this.target().addEventListener('mouseleave', this.hide.bind(this));
+            break;
+          case 'focus':
+            this.target().addEventListener('focus', this.show.bind(this), true);
+            this.target().addEventListener('blur', this.hide.bind(this), true);
+            break;
+        }
+      }
+      this.calculatePosition();
+    };
+    this.calculatePosition = () => {
+      this.el = document.getElementById(this.id);
+      if (this.el) {
+        FloatingUI({
+          ref: this.target(),
+          floating: this.el,
+          placement: this.placement,
+          offset: 8,
+          arrow: true,
+          arrowColor: `tw-bg-${this.bgColor()}`,
+        });
+      }
+    };
+    this.show = () => {
+      if (this.message) {
+        this.init();
+        this.calculatePosition();
+      }
+      else {
+        this.hide();
+      }
+    };
+    this.hide = () => {
+      this.el = document.getElementById(this.id);
+      if (this.el) {
+        this.el.remove();
+      }
+    };
+    this.toggle = () => {
+      this.el = document.getElementById(this.id);
+      if (this.el) {
+        this.hide();
+      }
+      else {
+        this.show();
+      }
+    };
+    this.message = message;
+    this.targetId = targetId;
+    this.placement = placement;
+    this.color = color;
+    this.id = targetId + '-tooltip-box';
+    this.trigger = trigger;
+  }
+}
+
+export { Tooltip as T };

package/dist/esm/types-6f06fa1a.js

@@ -0,0 +1,19 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+var defaultIcons;
+(function (defaultIcons) {
+  defaultIcons["search"] = "fal fa-search";
+  defaultIcons["email"] = "fal fa-mail";
+  defaultIcons["tel"] = "fal fa-phone";
+  defaultIcons["url"] = "fal fa-link";
+})(defaultIcons || (defaultIcons = {}));
+var iconSizes;
+(function (iconSizes) {
+  iconSizes[iconSizes["small"] = 14] = "small";
+  iconSizes[iconSizes["medium"] = 16] = "medium";
+  iconSizes[iconSizes["large"] = 18] = "large";
+})(iconSizes || (iconSizes = {}));
+
+export { defaultIcons as d };

package/dist/esm/types-b211a5eb.js

@@ -0,0 +1,32 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+/**
+ * 'size' prop predefined values
+ */
+var SizeProps;
+(function (SizeProps) {
+  SizeProps["large"] = "large";
+  SizeProps["medium"] = "medium";
+  SizeProps["small"] = "small";
+})(SizeProps || (SizeProps = {}));
+/**
+ * 'type' prop predefined values
+ */
+var TypeProps;
+(function (TypeProps) {
+  TypeProps["normal"] = "normal";
+  TypeProps["pane"] = "pane";
+  TypeProps["stepper"] = "stepper";
+})(TypeProps || (TypeProps = {}));
+/**
+ * 'direction' prop predefined values
+ */
+var DirectionProps;
+(function (DirectionProps) {
+  DirectionProps["horizontal"] = "horizontal";
+  DirectionProps["vertical"] = "vertical";
+})(DirectionProps || (DirectionProps = {}));
+
+export { DirectionProps as D, SizeProps as S, TypeProps as T };

package/dist/esm/types-bfc3bba1.js

@@ -0,0 +1,32 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+/**
+ * 'color' prop predefined values
+ */
+var ColorProps;
+(function (ColorProps) {
+  ColorProps["black"] = "black";
+  ColorProps["white"] = "white";
+  ColorProps["prime-blue"] = "prime-blue";
+  ColorProps["grey"] = "grey";
+  ColorProps["blue"] = "blue";
+  ColorProps["warmyellow"] = "warmyellow";
+  ColorProps["yellow"] = "yellow";
+  ColorProps["limegreen"] = "limegreen";
+  ColorProps["red"] = "red";
+  ColorProps["darkorange"] = "darkorange";
+  ColorProps["orange"] = "orange";
+  ColorProps["green"] = "green";
+  ColorProps["turquosie"] = "turquosie";
+  ColorProps["cobaltblue"] = "cobaltblue";
+  ColorProps["magenta"] = "magenta";
+  ColorProps["purple"] = "purple";
+  ColorProps["bc-red"] = "bc-red";
+  ColorProps["bc-blue"] = "bc-blue";
+  ColorProps["bc-green"] = "bc-green";
+  ColorProps["bc-orange"] = "bc-orange";
+})(ColorProps || (ColorProps = {}));
+
+export { ColorProps as C };

package/dist/esm/utils-57652744.js

@@ -0,0 +1,123 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+const delay = ms => new Promise(res => setTimeout(res, ms));
+/**
+ * @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'];
+};
+/**
+ *
+ * @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
+ * @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]) };
+};
+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 { getTransform as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getChildElements as g, pluralize as p };

package/dist/esm/validators-6af629b4.js

@@ -0,0 +1,31 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { s as snq } from './generate-d57a5f95.js';
+
+class Validators {
+}
+Validators.compareTwoArrayIsSame = (arr1, arr2) => snq(() => arr1.length === arr2.length && arr1.every((v, i) => v === arr2[i]));
+Validators.isEmailValid = (str) => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(str);
+Validators.isUrlValid = (str) => /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(str);
+Validators.isNumberValid = (str) => /^[+-]?\d+$/.test(str);
+Validators.isNumberFloatValid = (str) => /^\d+(\.\d+)?$/.test(str);
+Validators.isPhoneValid = (str) => /^(?=.*[0-9])[- +()0-9]+$/.test(str);
+Validators.pattern = (str, pattern) => new RegExp(pattern).test(str);
+Validators.isValidate = (str, type) => {
+  switch (type) {
+    case 'email':
+      return Validators.isEmailValid(str);
+    case 'url':
+      return Validators.isUrlValid(str);
+    case 'number':
+      return Validators.isNumberValid(str) || Validators.isNumberFloatValid(str);
+    case 'phone':
+      return Validators.isPhoneValid(str);
+    default:
+      return true;
+  }
+};
+
+export { Validators as V };

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/types/components/atoms/avatar/avatar.d.ts

@@ -0,0 +1,23 @@
+import { ShapeTypes, SizeTypes, StatusTypes } from '../../../models';
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmAvatar implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  hidden: boolean;
+  image: string;
+  name: string;
+  alt: string;
+  shape: ShapeTypes;
+  size: SizeTypes;
+  color: any;
+  status: StatusTypes;
+  isFallback: boolean;
+  componentWillLoad(): void;
+  handleError(): void;
+  getCustomSizes(customSize: string): number;
+  getFirstLetters(name: string): string;
+  setStyleVariables(): {
+    [x: string]: string;
+  };
+  render(): any;
+}

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

@@ -0,0 +1,17 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { SizeTypes, StatusTypes } from '../../../models/bcm-types';
+export declare class BcmBadge implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  hidden: boolean;
+  blink: boolean;
+  value: string;
+  color: any;
+  size: SizeTypes;
+  status: StatusTypes;
+  _slot: any;
+  setStyleVariables(): {
+    [x: string]: string;
+  };
+  render(): any;
+}

package/dist/types/components/atoms/box/box.d.ts

@@ -0,0 +1,5 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmBox implements ComponentInterface {
+  el: HTMLElement;
+  render(): any;
+}

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

@@ -0,0 +1,33 @@
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { ButtonTypes, IconPositionTypes, KindTypes, SizeTypes } from '../../../models/bcm-types';
+import { VariantProp } from './types';
+export declare class BcmButton implements ComponentInterface {
+  el: HTMLButtonElement;
+  _id: string;
+  hidden: boolean;
+  type: ButtonTypes;
+  size: SizeTypes;
+  disabled: boolean;
+  kind: KindTypes;
+  outline: boolean;
+  icon: string;
+  href: string;
+  target: string;
+  value: string;
+  loading: boolean;
+  variant: VariantProp;
+  dataDismiss: boolean;
+  fullWidth: boolean;
+  iconPosition: IconPositionTypes;
+  color: any;
+  checked: boolean;
+  bcmClick: EventEmitter;
+  handleOnClick(e: MouseEvent): boolean;
+  componentWillRender(): void;
+  getStateData(): import("../../../models/states/atoms/bcm-atoms-state").BcmAtomsState.Button;
+  isHaveChildNodes(): boolean;
+  setColor(color?: any): {
+    [x: string]: string;
+  };
+  render(): any;
+}

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

@@ -0,0 +1,166 @@
+export declare const variantOptions: {
+  save: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  ok: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  new: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  add: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  create: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  prev: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  next: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  apply: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  submit: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  send: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  delete: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  cancel: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  decline: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  close: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  archive: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  remove: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  edit: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  export: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  import: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  filter: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  update: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  reset: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+  download: {
+    text: string;
+    color: string;
+    icon: string;
+    iconPosition: string;
+  };
+};
+export declare enum VariantProps {
+  save = "save",
+  submit = "submit",
+  ok = "ok",
+  new = "new",
+  add = "add",
+  create = "create",
+  apply = "apply",
+  prev = "prev",
+  next = "next",
+  send = "send",
+  delete = "delete",
+  cancel = "cancel",
+  decline = "decline",
+  close = "close",
+  archive = "archive",
+  remove = "remove",
+  edit = "edit",
+  export = "export",
+  import = "import",
+  filter = "filter",
+  update = "update",
+  reset = "Reset",
+  download = "download"
+}
+export declare type VariantProp = keyof typeof VariantProps;

package/dist/types/components/atoms/chip/chip.d.ts

@@ -0,0 +1,24 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class BcmChip implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  type: 'default' | 'dismissable' | 'addable' | 'checkable';
+  size: 'small' | 'medium' | 'large';
+  avatar: any;
+  icon: any;
+  disabled: false;
+  color: any;
+  setColor(): {
+    '--bcm-chip-color': string;
+    '--bcm-chip-color-hover': string;
+    '--bcm-chip-color-focus': string;
+    '--bcm-chip-color-active': string;
+    '--bcm-chip-color-disabled': string;
+    '--bcm-chip-background-color': string;
+    '--bcm-chip-background-color-hover': string;
+    '--bcm-chip-background-color-focus': string;
+    '--bcm-chip-background-color-active': string;
+    '--bcm-chip-background-color-disabled': string;
+  };
+  render(): any;
+}

package/dist/types/components/atoms/divider/divider.d.ts

@@ -0,0 +1,7 @@
+import { DirectionTypes } from '../../../models/bcm-types';
+export declare class BcmDivider {
+  el: HTMLElement;
+  hidden: boolean;
+  direction: DirectionTypes;
+  render(): any;
+}

package/dist/types/components/atoms/icon/icon.d.ts

@@ -0,0 +1,6 @@
+export declare class BcmIcon {
+  el: HTMLElement;
+  hidden: boolean;
+  icon: string;
+  render(): any;
+}

package/dist/types/components/atoms/label/label.d.ts

@@ -0,0 +1,16 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+import { SizeTypes, StatusTypes } from '../../../models/bcm-types';
+export declare class BcmLabel implements ComponentInterface {
+  el: HTMLElement;
+  /** Props **/
+  _id: string;
+  required: boolean;
+  value: string;
+  size: SizeTypes;
+  form: any;
+  htmlFor: any;
+  hidden: boolean;
+  type: StatusTypes | any;
+  tooltip: string;
+  render(): any;
+}

package/dist/types/components/atoms/link/link.d.ts

@@ -0,0 +1,13 @@
+import { IconPositionTypes } from '../../../models/bcm-types';
+export declare class BcmLink {
+  el: HTMLElement;
+  hidden: boolean;
+  href: string;
+  target: string;
+  icon: string;
+  disabled: boolean;
+  iconPosition: IconPositionTypes;
+  handleOnClick(e: MouseEvent): void;
+  linkIsExternal(url: any): boolean;
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+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;