bromcom-ui 2.7.23-0 → 2.7.23-1

package/dist/collection/components/molecules/alert/alert.js

@@ -1,294 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Prop, h, Element, Event, Host, Component } from '@stencil/core';
-import { StatusProps, TypeProps } from './types';
-import cs from 'classnames';
-import alertStates from '../states/alert.states';
-import { Generate } from '../../../helper/generate';
-import { StringHelper } from '../../../helper/string-helper';
-import { AttrReflect } from '../../../decorators/property-decorators';
-export class BcmAlert {
-  constructor() {
-    this.hidden = false;
-    this._id = Generate.UID();
-    this.status = StatusProps.info;
-    this.type = TypeProps.basic;
-    this.icon = false;
-    this.bigIcon = false;
-    this.fullWidth = false;
-  }
-  componentWillRender() {
-    if (this.dismissible != undefined) {
-      if (this.dismissible == '') {
-        this.dismissible = true;
-      }
-      else if (typeof this.dismissible === 'string' && this.dismissible == 'false' || this.dismissible == 'true') {
-        this.dismissible = StringHelper.elementBooleanCheck(this.dismissible);
-      }
-      else {
-        return;
-      }
-    }
-    this.setData();
-  }
-  dismiss(e) {
-    this.alertdismissible.emit(e);
-    this.el.remove();
-  }
-  getStateData() {
-    return alertStates.getValue(this._id);
-  }
-  setData() {
-    const { status, type, bigIcon } = this;
-    alertStates.setValue({
-      id: this._id,
-      status,
-      type,
-      bigIcon,
-    });
-  }
-  render() {
-    const { fullWidth, status, type, icon, bigIcon, _title, hidden, dismissible, description } = this;
-    const hostClasses = cs('bcm-alert', 'bcm-alert__type-' + type, 'bcm-alert__status-' + status, {
-      'full-width': fullWidth,
-      hidden,
-    });
-    const headerMessage = cs('bcm-alert__header-message', !!description ? 'size-3' : 'size-2');
-    const state = this.getStateData();
-    return (h(Host, { class: hostClasses },
-      h("span", { hidden: true },
-        h("slot", null)),
-      h("header", { class: "bcm-alert__header" },
-        h("span", { class: headerMessage },
-          (bigIcon || icon) && h("bcm-icon", { icon: state.icon }),
-          _title),
-        dismissible && (h("span", { class: "bcm-alert__header-dismiss", onClick: e => this.dismiss(e) }, typeof dismissible === 'string' ? dismissible : h("bcm-icon", { icon: "fal fa-times" })))),
-      h("main", { class: "bcm-alert__content size-2" },
-        description && h("p", null, description),
-        h("slot", null))));
-  }
-  static get is() { return "bcm-alert"; }
-  static get originalStyleUrls() { return {
-    "$": ["alert.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["alert.css"]
-  }; }
-  static get properties() { return {
-    "hidden": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "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": "Generate.UID()"
-    },
-    "_title": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "_title",
-      "reflect": false
-    },
-    "description": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "description",
-      "reflect": false
-    },
-    "status": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "StatusProp",
-        "resolved": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\"",
-        "references": {
-          "StatusProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "status",
-      "reflect": false,
-      "defaultValue": "StatusProps.info"
-    },
-    "type": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "TypeProp",
-        "resolved": "\"banner\" | \"basic\"",
-        "references": {
-          "TypeProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "TypeProps.basic"
-    },
-    "dismissible": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dismissible",
-      "reflect": false
-    },
-    "icon": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "bigIcon": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "big-icon",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fullWidth": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "full-width",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "alertdismissible",
-      "name": "bcm-alert-dismissible",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-}
-__decorate([
-  AttrReflect("title")
-], BcmAlert.prototype, "_title", void 0);

package/dist/collection/components/molecules/alert/types.js

@@ -1,23 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-/**
- * 'status' prop predefined values
- */
-export 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
- */
-export var TypeProps;
-(function (TypeProps) {
-  TypeProps["banner"] = "banner";
-  TypeProps["basic"] = "basic";
-})(TypeProps || (TypeProps = {}));

package/dist/collection/components/molecules/breadcrumb/breadcrumb.css

@@ -1,201 +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;
-}
-
-.bcm-breadcrumb {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  flex-wrap: wrap;
-  color: var(--bcm-color-grey-7);
-}
-.bcm-breadcrumb__item {
-  display: flex;
-  align-items: center;
-}
-.bcm-breadcrumb .seperator {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: 8px;
-  margin-right: 8px;
-  color: var(--bcm-color-grey-7);
-}
-.bcm-breadcrumb bcm-link:hover {
-  color: var(--bcm-color-grey-7);
-}
-.bcm-breadcrumb .active {
-  color: var(--bcm-color-grey-8);
-}
-.bcm-breadcrumb .active:hover {
-  color: var(--bcm-color-grey-8);
-}
-.bcm-breadcrumb .is-link:hover {
-  color: var(--bcm-color-prime-blue-6);
-}
-.bcm-breadcrumb .is-link:hover bcm-link,
-.bcm-breadcrumb .is-link:hover bcm-icon {
-  color: var(--bcm-color-prime-blue-6);
-}
-.bcm-breadcrumb__dropdown-item {
-  position: relative;
-  display: inline-flex;
-}
-.bcm-breadcrumb__dropdown-item summary {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-}
-.bcm-breadcrumb__dropdown-item summary > span {
-  display: inline-flex;
-  align-items: center;
-}
-.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker {
-  display: none;
-}
-.bcm-breadcrumb__dropdown-item summary:focus {
-  outline: none;
-}
-.bcm-breadcrumb__dropdown-item summary.open bcm-link,
-.bcm-breadcrumb__dropdown-item summary.open bcm-icon {
-  color: var(--bcm-color-prime-blue-6);
-}
-.bcm-breadcrumb__dropdown-item summary .down-icon {
-  margin-left: 4px;
-}
-.bcm-breadcrumb__dropdown-submenu {
-  position: absolute;
-  min-width: 140px;
-  background-color: var(--bcm-color-grey-1);
-  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-  margin-top: 4px;
-}
-.bcm-breadcrumb__dropdown-submenu .dropdown-item {
-  display: flex;
-  padding: 4px 8px;
-}
-.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link {
-  width: 100%;
-}

package/dist/collection/components/molecules/breadcrumb/breadcrumb.js

@@ -1,145 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { Component, h, Listen, Prop, State, Element, Event, Host } from '@stencil/core';
-import cs from 'classnames';
-import { Generate } from '../../../helper/generate';
-export class BcmBreadcrumb {
-  constructor() {
-    this.seperator = '/';
-    this.hidden = false;
-    this.isOpen = false;
-  }
-  handleClickOutside(e) {
-    if (!this.el.contains(e.target)) {
-      this.isOpen && (this.isOpen = false);
-    }
-  }
-  handleOpen(id) {
-    this.isOpen = this.isOpen == id ? false : id;
-  }
-  parseItem(item, index) {
-    item.index = index;
-    item.id = item.id || Generate.UID();
-    return item;
-  }
-  render() {
-    const { items, seperator, hidden } = this;
-    const hostClasses = cs('bcm-breadcrumb', 'size-2', { hidden });
-    const LinkTemplate = (item) => (h("bcm-link", Object.assign({ id: item.id || Generate.UID(), onClick: () => this.bcmBreadcrumb.emit(item), target: item.target && item.index < items.length - 1 ? item.target : '_self' }, ((item.child == true || item.index < items.length - 1) && item.href && {
-      href: item.href
-    }), { icon: item.icon ? item.icon : null, class: cs({
-        'active': item.index === items.length - 1,
-        'is-link': (item.child == true || item.index < items.length - 1) && item.href
-      }) }), item.label ? item.label : null));
-    const DropdownTemplate = (item) => (h("details", { class: cs('bcm-breadcrumb__dropdown-item', { 'active': item.index === items.length - 1, 'open': this.isOpen === item.id }), id: item.id, open: this.isOpen === item.id },
-      h("summary", { onClick: () => this.handleOpen(item.id), class: this.isOpen === item.id && 'open' },
-        h("span", { class: "is-link" },
-          h(LinkTemplate, Object.assign({}, { 'icon': item.icon, 'label': item.label, 'href': 'javascript:void(0)', 'index': item.index })),
-          h("bcm-icon", { icon: "fas fa-caret-down" }))),
-      h("div", { class: "bcm-breadcrumb__dropdown-submenu" }, item.dropdown.map(link => (h("span", { class: "size-2 dropdown-item" },
-        h(LinkTemplate, Object.assign({}, link, { child: true }))))))));
-    return (h(Host, { class: hostClasses },
-      h("span", { hidden: true },
-        h("slot", null)),
-      items.map((item, index) => (h("span", { class: "bcm-breadcrumb__item" },
-        item.dropdown && item.dropdown.length > 0 ? DropdownTemplate(this.parseItem(item, index)) : LinkTemplate(this.parseItem(item, index)),
-        index < items.length - 1 ? h("span", { class: "seperator" }, seperator) : null)))));
-  }
-  static get is() { return "bcm-breadcrumb"; }
-  static get originalStyleUrls() { return {
-    "$": ["breadcrumb.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["breadcrumb.css"]
-  }; }
-  static get properties() { return {
-    "items": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<ItemType>",
-        "resolved": "ItemType[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "ItemType": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "seperator": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "seperator",
-      "reflect": false,
-      "defaultValue": "'/'"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "isOpen": {}
-  }; }
-  static get events() { return [{
-      "method": "bcmBreadcrumb",
-      "name": "bcm-breadcrumb-click",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClickOutside",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/molecules/breadcrumb/types.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-export {};