bromcom-ui 2.9.0-rc.8 → 2.9.0

package/dist/collection/components/other/data-table/table.css

@@ -1,130 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css");
-@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css");
-@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-balham.css");
-.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;
-}
-
-.ag-dnd-ghost {
-  z-index: 100000 !important;
-}

package/dist/collection/components/other/data-table/table.js

@@ -1,88 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { h } from "@stencil/core";
-import { delay } from "../../../utils/utils";
-export class BcmTable {
-  constructor() {
-    this.gridOptions = {};
-  }
-  fetchJsFromCDN(url) {
-    return new Promise((resolve, reject) => {
-      const script = document.createElement('script');
-      script.src = url;
-      script.onload = () => {
-        resolve(script);
-      };
-      script.onerror = () => {
-        reject(new Error(`Script load error for ${url}`));
-      };
-      document.head.appendChild(script);
-    });
-  }
-  ;
-  async componentDidLoad() {
-    await this.fetchJsFromCDN("https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js").then(() => console.info('agGridCommunity loaded'));
-    await this.fetchJsFromCDN("https://unpkg.com/ag-grid-enterprise/dist/ag-grid-enterprise.min.noStyle.js").then(() => console.info('agGridEnterprise loaded'));
-    await delay(100);
-    const agGrid = window["agGrid"];
-    const gridDiv = this.el.querySelector('#bcm-table');
-    if (gridDiv && agGrid) {
-      this.el.getAttributeNames().forEach(key => {
-        if (key === "class") {
-          gridDiv.classList.add(this.el.getAttribute(key));
-        }
-        else {
-          gridDiv.setAttribute(key, this.el.getAttribute(key));
-        }
-      });
-      try {
-        agGrid.LicenseManager.setLicenseKey(process.env.AG_GRID);
-        new agGrid.Grid(gridDiv, this.gridOptions);
-      }
-      catch (e) {
-        console.log(`agGrid error: ${e}`);
-      }
-    }
-  }
-  render() {
-    return (h("div", { id: "bcm-table", class: "bcm-table ag-theme-balham" }));
-  }
-  static get is() { return "bcm-table"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["table.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["table.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "gridOptions": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "Object",
-          "resolved": "Object",
-          "references": {
-            "Object": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}

package/dist/esm/bcm-avatar.entry.js

@@ -1,123 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
-import './color-helper-116755ed.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-e008f24f.js';
-import './number-helper-ddce4326.js';
-import './string-helper-6bd24967.js';
-import './validators-77fbe47e.js';
-import './element-dragger-7ea06c76.js';
-import { B as Bcm } from './bcm-9f50af9c.js';
-import { c as cva } from './index-962dec74.js';
-import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-44c95e7e.js';
-import './_commonjsHelpers-3016b722.js';
-import './package-00ece356.js';
-
-const avatarStyle = cva([
-  "bcm-avatar bcm-ui-element bcm-ui-content-display",
-  "tw-uppercase tw-inline-flex tw-items-center tw-justify-center",
-  "tw-bg-[--bcm-avatar-bg] tw-text-[--bcm-avatar-text]",
-  "[&>img]:tw-w-full [&>img]:tw-h-full",
-], {
-  variants: {
-    size: {
-      small: ["bcm-avatar__size-small tw-text-1 tw-w-6 tw-h-6"],
-      medium: ["bcm-avatar__size-medium tw-text-2 tw-w-8 tw-h-8"],
-      large: ["bcm-avatar__size-large tw-text-3 tw-w-10 tw-h-10"],
-    },
-    shape: {
-      ellipse: ["bcm-avatar__shape-ellipse tw-rounded-full", "[&>.bcm-badge]:tw-top-0 [&>.bcm-badge]:tw-right-0", "[&>img]:tw-rounded-full"],
-      square: ["bcm-avatar__shape-square tw-rounded", "[&>.bcm-badge]:tw--top-0.5 [&>.bcm-badge]:tw--right-0.5", "[&>img]:tw-rounded"],
-    },
-    status: {
-      true: ["bcm-avatar__status tw-relative [&>.bcm-badge]:tw-absolute"],
-    },
-  },
-  compoundVariants: [
-    {
-      size: "medium",
-      shape: "ellipse",
-      status: false,
-      class: "",
-    },
-  ],
-  defaultVariants: {
-    size: "medium",
-    shape: "ellipse",
-    status: false,
-  },
-});
-
-const BcmAvatar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._id = Generate.UID();
-    this.image = undefined;
-    this.name = undefined;
-    this.alt = undefined;
-    this.shape = Bcm.Shape.ellipse;
-    this.size = Bcm.Size.medium;
-    this.color = undefined;
-    this.icon = "fas fa-user";
-    this.status = undefined;
-    this.blink = false;
-    this.isFallback = false;
-  }
-  getFirstLetters(name) {
-    const words = name.split(" ");
-    const initials = words.map(word => word.charAt(0).toUpperCase()).join("");
-    return initials.substring(0, 2);
-  }
-  renderContent() {
-    if (this.isFallback) {
-      if (this.name) {
-        return this.getFirstLetters(this.name);
-      }
-      else {
-        return this.renderDefaultIcon();
-      }
-    }
-    else if (this.image) {
-      return this.renderImage();
-    }
-    else if (this.name) {
-      return this.getFirstLetters(this.name);
-    }
-    else {
-      return this.renderDefaultIcon();
-    }
-  }
-  renderDefaultIcon() {
-    return h("bcm-icon", { icon: this.icon });
-  }
-  renderImage() {
-    return h("img", { onError: () => (this.isFallback = true), src: this.image, alt: this.alt });
-  }
-  render() {
-    const { shape, size, status, color, blink } = this;
-    const dc = Generate.getTwColor({
-      color: color,
-      tones: {
-        200: ["bg"],
-        700: ["text"],
-      },
-      variable: "--bcm-avatar",
-    });
-    const customSize = !Object.keys(Bcm.BaseSize).includes(size)
-      ? {
-        width: `${size}px`,
-        height: `${size}px`,
-        fontSize: `${+size / 3}px`,
-      }
-      : {};
-    return (h(Host, { role: "img", "aria-label": this.alt || this.name || "Avatar", class: avatarStyle({ size, shape, status: !!status }), style: Object.assign(Object.assign({}, dc), customSize) }, this.renderContent(), status && h("bcm-badge", { status: status, blink: blink, "aria-hidden": "true" }), h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-
-export { BcmAvatar as bcm_avatar };