bromcom-ui 2.7.23-0 → 2.7.23-1

package/dist/collection/components/atoms/old-tag/old-tag.css

@@ -1,305 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-.size-1 {
-  font-size: 12px;
-  line-height: 20px;
-}
-
-.size-2 {
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.size-3 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.size-4 {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-.size-5 {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-.size-6 {
-  font-size: 30px;
-  line-height: 38px;
-}
-
-.size-7 {
-  font-size: 38px;
-  line-height: 46px;
-}
-
-.size-8 {
-  font-size: 46px;
-  line-height: 54px;
-}
-
-.size-9 {
-  font-size: 56px;
-  line-height: 64px;
-}
-
-.weight-regular {
-  font-weight: 400;
-}
-
-.weight-semibold {
-  font-weight: 500;
-}
-
-/**
- * Generator
- */
-.input-size-large {
-  height: 40px;
-}
-
-.input-size-medium {
-  height: 32px;
-}
-
-.input-size-small {
-  height: 24px;
-}
-
-.resize-none textarea {
-  resize: none;
-}
-
-.resize-vertical textarea {
-  resize: vertical;
-}
-
-.resize-auto textarea {
-  height: auto;
-  resize: none;
-}
-
-.textarea-size-large {
-  padding: 4px 0 0 4px;
-  min-height: 40px;
-}
-.textarea-size-large .bcm-input-element {
-  min-height: calc((40px - 8px) + 2px);
-}
-.textarea-size-large .input-clear-button {
-  height: calc( 40px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-.textarea-size-medium {
-  padding: 4px 0 0 4px;
-  min-height: 32px;
-}
-.textarea-size-medium .bcm-input-element {
-  min-height: calc((32px - 8px) + 2px);
-}
-.textarea-size-medium .input-clear-button {
-  height: calc( 32px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-.textarea-size-small {
-  padding: 0px 0 0 4px;
-  min-height: 24px;
-}
-.textarea-size-small .bcm-input-element {
-  min-height: calc((24px - 8px) + 2px);
-}
-.textarea-size-small .input-clear-button {
-  height: calc( 24px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-.size-1 {
-  font-size: 12px;
-  line-height: 20px;
-}
-
-.size-2 {
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.size-3 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.size-4 {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-.size-5 {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-.size-6 {
-  font-size: 30px;
-  line-height: 38px;
-}
-
-.size-7 {
-  font-size: 38px;
-  line-height: 46px;
-}
-
-.size-8 {
-  font-size: 46px;
-  line-height: 54px;
-}
-
-.size-9 {
-  font-size: 56px;
-  line-height: 64px;
-}
-
-.weight-regular {
-  font-weight: 400;
-}
-
-.weight-semibold {
-  font-weight: 500;
-}
-
-:host {
-  display: inline-block;
-  width: fit-content;
-}
-
-:host(.hidden) {
-  display: none;
-}
-
-:host(.maxwidth) {
-  max-width: 100px;
-}
-
-.tag {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  cursor: default;
-  border-radius: 48px;
-  border: 1px solid var(--bcm-color-grey-5);
-  user-select: none;
-  min-width: 10px;
-  min-height: 20px;
-}
-.tag.size-1 {
-  padding: calc(8px - 8px) 8px;
-}
-.tag.size-2 {
-  padding: calc(9px - 8px) 9px;
-}
-.tag.size-3 {
-  padding: calc(10px - 8px) 10px;
-}
-.tag.size-4 {
-  padding: calc(11px - 8px) 11px;
-}
-.tag.size-5 {
-  padding: calc(12px - 8px) 12px;
-}
-.tag.size-6 {
-  padding: calc(13px - 8px) 13px;
-}
-.tag.size-7 {
-  padding: calc(14px - 8px) 14px;
-}
-.tag.size-8 {
-  padding: calc(15px - 8px) 15px;
-}
-.tag.size-9 {
-  padding: calc(16px - 8px) 16px;
-}
-.tag.basic, .tag.closeable, .tag.add, .tag.dissmisable {
-  background-color: var(--bcm-color-grey-3);
-  color: var(--bcm-color-grey-8);
-}
-.tag.basic:hover, .tag.closeable:hover, .tag.add:hover, .tag.dissmisable:hover {
-  opacity: 0.85;
-}
-.tag.dissmisable {
-  color: var(--bcm-color-grey-10);
-}
-.tag.dissmisable .close-button {
-  width: 14px;
-  cursor: pointer;
-}
-.tag.dissmisable .close-button bcm-icon {
-  color: var(--bcm-color-grey-7);
-}
-.tag.dissmisable .close-button:hover bcm-icon {
-  color: var(--bcm-color-grey-10);
-}
-.tag.add {
-  border-style: dashed;
-  background-color: var(--bcm-color-grey-1);
-}
-.tag.checkable {
-  background-color: var(--bcm-color-grey-1);
-  color: var(--bcm-color-grey-8);
-  border-color: var(--bcm-color-grey-1);
-}
-.tag.checkable:hover {
-  color: var(--bcm-color-prime-blue-5);
-  cursor: pointer;
-}
-.tag span {
-  display: inline-flex;
-}
-.tag span.left {
-  margin-right: 4px;
-}
-.tag span.right {
-  margin-left: 4px;
-}
-.tag:before, .tag:after {
-  content: "";
-}
-
-button {
-  border: none;
-  outline: 0;
-  cursor: pointer !important;
-  margin: 0;
-}
-
-input[type=checkbox] {
-  margin: 0;
-  width: 0;
-  height: 0;
-  visibility: hidden;
-  position: absolute;
-}
-input[type=checkbox]:checked + label {
-  background-color: var(--bcm-color-prime-blue-6);
-  color: var(--bcm-color-grey-1);
-  border-color: var(--bcm-color-prime-blue-6);
-}
-input[type=checkbox]:checked + label:hover {
-  background-color: var(--bcm-color-prime-blue-5);
-  border-color: var(--bcm-color-prime-blue-5);
-}
-input[type=checkbox]:checked + label.checkable:hover {
-  color: var(--bcm-color-grey-1);
-}
-input[type=checkbox]:checked + label:active {
-  background-color: var(--bcm-color-prime-blue-7);
-  border-color: var(--bcm-color-prime-blue-7);
-}

package/dist/collection/components/atoms/old-tag/old-tag.js

@@ -1,315 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { Component, Prop, Listen, h, Host, Watch, Event, Element } from '@stencil/core';
-import cs from 'classnames';
-import { ColorPalette } from '../../../global/variables/colors';
-import { extractColor } from '../../../utils/utils';
-import { ColorProps } from './types';
-export class BcmOldTag {
-  constructor() {
-    this.type = 'basic';
-    this.size = 'size-1';
-    this.checked = false;
-    this.value = '';
-    this.hidden = false;
-    this._id = (Math.random() * 4).toString(16).replace('.', '');
-    this.maxWidth = false;
-    this._internal_id = (Math.random() * 4).toString(16).replace('.', '');
-  }
-  handleClick() {
-    if (this.type === 'checkable') {
-      this.checked = !this.checked;
-    }
-  }
-  onCheckedChange(newValue, oldValue) {
-    this.checkedChange.emit({ newValue, oldValue });
-  }
-  getColor(color) {
-    if ((this.type == 'basic' || this.type == 'dissmisable') && ColorProps[color])
-      return {
-        color: extractColor(ColorPalette, ColorProps[color] + '-6'),
-        borderColor: extractColor(ColorPalette, ColorProps[color] + '-3'),
-        backgroundColor: extractColor(ColorPalette, ColorProps[color] + '-1')
-      };
-  }
-  getSize(size, returnNumber = false) {
-    if (Number(size) == size) {
-      size = "size-" + size;
-    }
-    if (returnNumber) {
-      size = size.split("-");
-      size = size[size.length - 1];
-      var sizeList = { "1": "12", "2": "14", "3": "16", "4": "20", "5": "24", "6": "30", "7": "38", "8": "46", "9": "56" };
-      size = sizeList[size];
-    }
-    return size;
-  }
-  handleClose() {
-    this.tagDissmisable.emit(this.el);
-    // this.el.remove()
-  }
-  render() {
-    const { type, color, value, customStyle, size } = this;
-    const classes = cs('tag', this.getSize(size), type);
-    const hostClasses = cs(this.hidden ? 'hidden' : null, this.maxWidth ? 'maxwidth' : null);
-    if (type === 'add') {
-      return (h(Host, { class: hostClasses },
-        h("button", { class: classes },
-          h("span", { class: "left" },
-            h("bcm-icon", { icon: "far fa-plus" })),
-          value)));
-    }
-    else if (type === 'dissmisable') {
-      return (h(Host, { class: hostClasses },
-        h("span", { class: classes, style: this.getColor(color) },
-          h("span", { class: "value", style: customStyle }, value),
-          h("span", { class: "right close-button", onClick: () => this.handleClose(), style: { 'width': (Number(this.getSize(size, true)) + 2) + "px" } },
-            h("bcm-icon", { id: "close", icon: "far fa-times" })))));
-    }
-    else if (type === 'checkable') {
-      return (h(Host, { class: hostClasses },
-        h("input", { type: "checkbox", checked: this.checked }),
-        h("label", { class: classes }, value)));
-    }
-    return (h(Host, { class: hostClasses },
-      h("span", { class: classes, style: this.getColor(color) }, value)));
-  }
-  static get is() { return "bcm-old-tag"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["old-tag.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["old-tag.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "'basic'"
-    },
-    "size": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "number | string",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'size-1'"
-    },
-    "checked": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "checked",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "color": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "ColorPaletteTypes",
-        "resolved": "\"default\" | \"black\" | \"white\" | \"prime-blue\" | \"prime-blue-1\" | \"prime-blue-2\" | \"prime-blue-3\" | \"prime-blue-5\" | \"prime-blue-6\" | \"prime-blue-7\" | \"prime-blue-8\" | \"prime-blue-9\" | \"prime-blue-10\" | \"grey\" | \"grey-1\" | \"grey-2\" | \"grey-3\" | \"grey-4\" | \"grey-5\" | \"grey-6\" | \"grey-7\" | \"grey-8\" | \"grey-9\" | \"grey-10\" | \"blue\" | \"blue-1\" | \"blue-2\" | \"blue-3\" | \"blue-4\" | \"blue-5\" | \"blue-6\" | \"blue-7\" | \"blue-8\" | \"blue-9\" | \"blue-10\" | \"warmyellow\" | \"warmyellow-1\" | \"warmyellow-2\" | \"warmyellow-3\" | \"warmyellow-4\" | \"warmyellow-5\" | \"warmyellow-6\" | \"warmyellow-7\" | \"warmyellow-8\" | \"warmyellow-9\" | \"warmyellow-10\" | \"yellow\" | \"yellow-1\" | \"yellow-2\" | \"yellow-3\" | \"yellow-4\" | \"yellow-5\" | \"yellow-6\" | \"yellow-7\" | \"yellow-8\" | \"yellow-9\" | \"yellow-10\" | \"limegreen\" | \"limegreen-1\" | \"limegreen-2\" | \"limegreen-3\" | \"limegreen-4\" | \"limegreen-5\" | \"limegreen-6\" | \"limegreen-7\" | \"limegreen-8\" | \"limegreen-9\" | \"limegreen-10\" | \"red\" | \"red-1\" | \"red-2\" | \"red-3\" | \"red-4\" | \"red-5\" | \"red-6\" | \"red-7\" | \"red-8\" | \"red-9\" | \"red-10\" | \"darkorange\" | \"darkorange-1\" | \"darkorange-2\" | \"darkorange-3\" | \"darkorange-4\" | \"darkorange-5\" | \"darkorange-6\" | \"darkorange-7\" | \"darkorange-8\" | \"darkorange-9\" | \"darkorange-10\" | \"orange\" | \"orange-1\" | \"orange-2\" | \"orange-3\" | \"orange-4\" | \"orange-5\" | \"orange-6\" | \"orange-7\" | \"orange-8\" | \"orange-9\" | \"orange-10\" | \"green\" | \"green-1\" | \"green-2\" | \"green-3\" | \"green-4\" | \"green-5\" | \"green-6\" | \"green-7\" | \"green-8\" | \"green-9\" | \"green-10\" | \"turquosie\" | \"turquosie-1\" | \"turquosie-2\" | \"turquosie-3\" | \"turquosie-4\" | \"turquosie-5\" | \"turquosie-6\" | \"turquosie-7\" | \"turquosie-8\" | \"turquosie-9\" | \"turquosie-10\" | \"cobaltblue\" | \"cobaltblue-1\" | \"cobaltblue-2\" | \"cobaltblue-3\" | \"cobaltblue-4\" | \"cobaltblue-5\" | \"cobaltblue-6\" | \"cobaltblue-7\" | \"cobaltblue-8\" | \"cobaltblue-9\" | \"cobaltblue-10\" | \"magenta\" | \"magenta-1\" | \"magenta-2\" | \"magenta-3\" | \"magenta-4\" | \"magenta-5\" | \"magenta-6\" | \"magenta-7\" | \"magenta-8\" | \"magenta-9\" | \"magenta-10\" | \"purple\" | \"purple-1\" | \"purple-2\" | \"purple-3\" | \"purple-4\" | \"purple-5\" | \"purple-6\" | \"purple-7\" | \"purple-8\" | \"purple-9\" | \"purple-10\" | \"bc-red\" | \"bc-red-1\" | \"bc-red-2\" | \"bc-red-3\" | \"bc-red-4\" | \"bc-red-5\" | \"bc-red-6\" | \"bc-red-7\" | \"bc-red-8\" | \"bc-red-9\" | \"bc-blue\" | \"bc-blue-1\" | \"bc-blue-2\" | \"bc-blue-3\" | \"bc-blue-4\" | \"bc-blue-5\" | \"bc-blue-6\" | \"bc-blue-7\" | \"bc-blue-8\" | \"bc-blue-9\" | \"bc-green\" | \"bc-green-1\" | \"bc-green-2\" | \"bc-green-3\" | \"bc-green-4\" | \"bc-green-5\" | \"bc-green-6\" | \"bc-green-7\" | \"bc-green-8\" | \"bc-green-9\" | \"bc-orange\" | \"bc-orange-1\" | \"bc-orange-2\" | \"bc-orange-3\" | \"bc-orange-4\" | \"bc-orange-5\" | \"bc-orange-6\" | \"bc-orange-7\" | \"bc-orange-8\" | \"bc-orange-9\"",
-        "references": {
-          "ColorPaletteTypes": {
-            "location": "import",
-            "path": "../../../global/variables/colors"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": true
-    },
-    "value": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "_id": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "id",
-      "reflect": true,
-      "defaultValue": "(Math.random() * 4).toString(16).replace('.', '')"
-    },
-    "maxWidth": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-width",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "customStyle": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "custom-style",
-      "reflect": false
-    },
-    "_internal_id": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "_internal_id",
-      "reflect": true,
-      "defaultValue": "(Math.random() * 4).toString(16).replace('.', '')"
-    }
-  }; }
-  static get events() { return [{
-      "method": "checkedChange",
-      "name": "bcm-old-tag-checked-change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "object",
-        "resolved": "object",
-        "references": {}
-      }
-    }, {
-      "method": "tagDissmisable",
-      "name": "bcm-old-tag-dissmisable",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "checked",
-      "methodName": "onCheckedChange"
-    }]; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClick",
-      "target": undefined,
-      "capture": true,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/atoms/old-tag/types.js

@@ -1,30 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-/**
- * 'color' prop predefined values
- */
-export 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 = {}));

package/dist/collection/components/atoms/states/button.states.js

@@ -1,31 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import snq from "snq";
-import { createStore } from "@stencil/store";
-import { variantOptions } from "../button/types";
-import Bcm from "../../../models/bcm";
-const { state } = createStore({
-  value: new Map(),
-  setData: {},
-  removeData: {}
-});
-const setValue = (val) => {
-  const data = Object.assign(Object.assign({}, val), (variantOptions[val.variant] && {
-    icon: variantOptions[val.variant].icon,
-    value: variantOptions[val.variant].text,
-    iconPosition: Bcm.IconPosition[variantOptions[val.variant].iconPosition],
-    variantColor: variantOptions[val.variant].color
-  }));
-  state.value.set(data.id, data);
-};
-const removeValue = (_id) => {
-  state.value.delete(_id);
-};
-const getValue = (id) => snq(() => state.value.get(id), {});
-export default {
-  setValue,
-  removeValue,
-  getValue
-};