bromcom-ui 2.8.0-rc.10-c → 2.8.0-rc.10-e

package/dist/components/bcm-scroll-area.js

@@ -1,10 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { B as BcmScrollArea$1, d as defineCustomElement$1 } from './scroll-area.js';
-
-const BcmScrollArea = BcmScrollArea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BcmScrollArea, defineCustomElement };

package/dist/components/bcm-tab-item-header.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BcmTabItemHeader extends Components.BcmTabItemHeader, HTMLElement {}
-export const BcmTabItemHeader: {
-  prototype: BcmTabItemHeader;
-  new (): BcmTabItemHeader;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/bcm-tab-item-header.js

@@ -1,102 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { I as IsLoad } from './is-load-decorator.js';
-import './color-helper.js';
-import './validators.js';
-import { G as Generate } from './generate.js';
-import './number-helper.js';
-import './string-helper.js';
-import './element-dragger.js';
-import { a as Bcm } from './bcm.js';
-import { c as classnames } from './index2.js';
-
-var __decorate = (undefined && undefined.__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;
-};
-const BcmTabItemHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this._id = Generate.UID();
-    this.active = false;
-    this.disabled = false;
-    this.index = undefined;
-    this.color = "blue";
-    this.size = Bcm.Size.medium;
-  }
-  handleClick() {
-    var _a;
-    if (!this.disabled) {
-      (_a = Generate.findParentElement(this.el, "bcm-tab-group")) === null || _a === void 0 ? void 0 : _a.setActive(this.index);
-    }
-  }
-  render() {
-    const { color, size, active, disabled } = this;
-    let fontSize, padding, gap;
-    switch (size) {
-      case Bcm.Size.small:
-        fontSize = "2";
-        padding = "1";
-        gap = "2";
-        break;
-      case Bcm.Size.medium:
-        fontSize = "3";
-        padding = "2";
-        gap = "3";
-        break;
-      case Bcm.Size.large:
-        fontSize = "4";
-        padding = "3";
-        gap = "4";
-        break;
-      default:
-        fontSize = "3";
-        padding = "2";
-        gap = "3";
-        break;
-    }
-    const disabledClass = "tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50";
-    return (h(Host, { onClick: () => this.handleClick(), class: classnames(`tw-text-${fontSize} tw-py-${padding} tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-gap-${gap} tw-focus:outline-none tw-mb-${padding}]`, disabled ? disabledClass : "tw-cursor-pointer", active
-        ? `tw-text-${color}-500 enabled:hover:tw-text-${color}-600 enabled:active:tw-text-${color}-700 enabled:focus-visible:tw-text-${color}-800`
-        : "tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600") }));
-  }
-  get el() { return this; }
-}, [0, "bcm-tab-item-header", {
-    "_id": [1537, "id"],
-    "active": [1540],
-    "disabled": [4],
-    "index": [8],
-    "color": [1],
-    "size": [1]
-  }]);
-__decorate([
-  IsLoad()
-], BcmTabItemHeader$1.prototype, "el", void 0);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["bcm-tab-item-header"];
-  components.forEach(tagName => { switch (tagName) {
-    case "bcm-tab-item-header":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BcmTabItemHeader$1);
-      }
-      break;
-  } });
-}
-
-const BcmTabItemHeader = BcmTabItemHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BcmTabItemHeader, defineCustomElement };

package/dist/components/bcm-tab-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BcmTabItem extends Components.BcmTabItem, HTMLElement {}
-export const BcmTabItem: {
-  prototype: BcmTabItem;
-  new (): BcmTabItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/bcm-tab-item.js

@@ -1,117 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { I as IsLoad } from './is-load-decorator.js';
-import './color-helper.js';
-import './validators.js';
-import { G as Generate } from './generate.js';
-import './number-helper.js';
-import './string-helper.js';
-import './element-dragger.js';
-import './bcm.js';
-
-var __decorate = (undefined && undefined.__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;
-};
-const BcmTabItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this._id = Generate.UID();
-    this.active = false;
-    this.disabled = false;
-    this.index = undefined;
-  }
-  componentWillLoad() {
-    this.indexControl();
-  }
-  componentDidRender() {
-    this.headerMove();
-  }
-  getHeaderItem() {
-    const headerItem = this.el.querySelector("bcm-tab-item-header");
-    if (headerItem) {
-      headerItem.setAttribute("index", `${this.index}`);
-      headerItem.setAttribute("active", `${this.active}`);
-      headerItem.setAttribute("disabled", `${this.disabled}`);
-      headerItem.setAttribute("tab-id", `${this._id}`);
-      headerItem.style.order = `${this.index}`;
-    }
-    return headerItem;
-  }
-  getParentTabGroup() {
-    return Generate.findParentElement(this.el, "bcm-tab-group");
-  }
-  getFindHeaderItem() {
-    var _a, _b;
-    return (_b = (_a = this.getParentTabGroup()) === null || _a === void 0 ? void 0 : _a.querySelector("#tab-header")) === null || _b === void 0 ? void 0 : _b.querySelector(`bcm-tab-item-header[tab-id="${this._id}"]`);
-  }
-  headerMove() {
-    var _a, _b, _c, _d;
-    if (this.getHeaderItem()) {
-      (_a = this.getFindHeaderItem()) === null || _a === void 0 ? void 0 : _a.remove();
-      (_c = (_b = this.getParentTabGroup()) === null || _b === void 0 ? void 0 : _b.querySelector("#tab-header")) === null || _c === void 0 ? void 0 : _c.appendChild(this.getHeaderItem());
-      (_d = this.el.parentElement) === null || _d === void 0 ? void 0 : _d.refresh();
-    }
-  }
-  indexControl() {
-    var _a;
-    if (!this.index) {
-      (_a = Generate.findParentElement(this.el, "bcm-tab-group")) === null || _a === void 0 ? void 0 : _a.querySelectorAll("bcm-tab-item").forEach((item, index) => {
-        if (item === this.el) {
-          item.setAttribute("index", `${index + 1}`);
-        }
-      });
-    }
-  }
-  componentDidLoad() {
-    const observer = new MutationObserver(() => {
-      this.headerMove();
-    });
-    observer.observe(this.el, { childList: true, subtree: true });
-  }
-  render() {
-    return (h(Host, { id: this._id, role: "tabpanel", "aria-labelledby": `tab-${this._id}`, "aria-hidden": `${!this.active}`, class: {
-        "tw-block": this.active,
-        "tw-hidden": !this.active,
-        "tw-opacity-50": this.disabled,
-        "tw-w-full": true,
-      } }, h("slot", null)));
-  }
-  get el() { return this; }
-}, [4, "bcm-tab-item", {
-    "_id": [1537, "id"],
-    "active": [1540],
-    "disabled": [4],
-    "index": [520]
-  }]);
-__decorate([
-  IsLoad()
-], BcmTabItem$1.prototype, "el", void 0);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["bcm-tab-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "bcm-tab-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BcmTabItem$1);
-      }
-      break;
-  } });
-}
-
-const BcmTabItem = BcmTabItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BcmTabItem, defineCustomElement };

package/dist/components/bcm-toast.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BcmToast extends Components.BcmToast, HTMLElement {}
-export const BcmToast: {
-  prototype: BcmToast;
-  new (): BcmToast;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/bcm-toast.js

@@ -1,140 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.js';
-import { I as IsLoad } from './is-load-decorator.js';
-import { G as Generate } from './generate.js';
-import { S as StringHelper } from './string-helper.js';
-import { B as Bcm } from './bcm.js';
-import { d as delay } from './utils.js';
-
-var __decorate = (undefined && undefined.__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;
-};
-const BcmToast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.bcmToastClose = createEvent(this, "bcm-toast-close", 7);
-    this.bcmToastOpen = createEvent(this, "bcm-toast-open", 7);
-    this.bcmToastView = createEvent(this, "bcm-toast-view", 7);
-    this._id = Generate.UID();
-    this.status = undefined;
-    this.message = "";
-    this.description = "";
-    this.duration = 3000;
-    this.position = Bcm.Placement.bottom;
-    this.messageIcon = undefined;
-    this.viewButton = false;
-    this.closeButton = true;
-    this.visible = false;
-    this.visibleContainer = false;
-  }
-  async show() {
-    const container = document.getElementById(this._id + "-container");
-    if (container) {
-      document.body.appendChild(container);
-    }
-    this.visible = true;
-    await delay(50);
-    this.visibleContainer = true;
-    this.bcmToastOpen.emit();
-    if (this.timer) {
-      clearTimeout(this.timer);
-    }
-    this.timer = setTimeout(() => this.hide(), this.duration);
-    return this.el;
-  }
-  async hide() {
-    this.visibleContainer = false;
-    clearTimeout(this.timer);
-    this.bcmToastClose.emit();
-    await delay(100);
-    this.visible = false;
-  }
-  handleMouseEnter() {
-    clearTimeout(this.timer);
-  }
-  handleMouseLeave() {
-    if (this.visible) {
-      this.timer = setTimeout(() => this.hide(), 1000);
-    }
-  }
-  render() {
-    return (h(Host, { class: "tw-hidden" }, h("div", { class: classnames({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { class: classnames("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-gray-300 tw-bg-white tw-text-slate-600", {
-        "tw-p-4": !this.description,
-        "tw-p-6": this.description,
-      }, "tw-fixed tw-z-50", "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
-        "tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === Bcm.Placement.top,
-        "tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === Bcm.Placement.bottom,
-        "tw-top-4 tw-left-4": this.position === Bcm.Placement["top-start"],
-        "tw-top-4 tw-right-4": this.position === Bcm.Placement["top-end"],
-        "tw-bottom-4 tw-left-4": this.position === Bcm.Placement["bottom-start"],
-        "tw-bottom-4 tw-right-4": this.position === Bcm.Placement["bottom-end"],
-        "tw-translate-y-0 tw-opacity-100 ": this.visibleContainer,
-        "tw-opacity-0": !this.visibleContainer,
-        "tw-translate-y-[-100%]": !this.visibleContainer && this.position.split("-")[0] === "top",
-        "tw-translate-y-[100%]": !this.visibleContainer && this.position.split("-")[0] === "bottom",
-      }) }, h("div", { class: "tw-flex tw-items-center tw-justify-between tw-gap-5" }, h("div", { class: "tw-flex tw-items-center tw-gap-3 " }, this.status && (h("i", { class: classnames("tw-text-6", this.messageIcon ? this.messageIcon : "far", {
-        "tw-text-emerald-500": this.status === "success",
-        "tw-text-red-500": this.status === "error",
-        "tw-text-amber-500": this.status === "warning",
-        "tw-text-blue-500": this.status === "info",
-      }, {
-        "fa-check-circle": !this.messageIcon && this.status === "success",
-        "fa-exclamation-circle": !this.messageIcon && this.status === "error",
-        "fa-exclamation-triangle": !this.messageIcon && this.status === "warning",
-        "fa-info-circle": !this.messageIcon && this.status === "info",
-      }) })), h("span", { class: classnames({
-        "tw-text-4": !this.description,
-        "tw-text-6 tw-font-medium": this.description,
-      }) }, !this.description && this.status && h("span", null, StringHelper.capitalize(this.status), ": "), this.message)), h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: classnames("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200", "tw-transition tw-duration-300 tw-ease-in-out", {
-        "tw-font-medium": this.description,
-      }) }, "View")), this.closeButton && (h("button", { title: "Close", onClick: () => this.hide(), class: classnames("tw-rounded tw-bg-transparent tw-p-0", "tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200") }, h("i", { class: "fal fa-times" }))))), this.description && h("div", { class: "tw-text-3 " }, this.description), h("slot", null)))));
-  }
-  get el() { return this; }
-}, [4, "bcm-toast", {
-    "_id": [1537, "id"],
-    "status": [1],
-    "message": [1],
-    "description": [1],
-    "duration": [2],
-    "position": [1],
-    "messageIcon": [8, "message-icon"],
-    "viewButton": [4, "view-button"],
-    "closeButton": [4, "close-button"],
-    "visible": [32],
-    "visibleContainer": [32],
-    "show": [64],
-    "hide": [64]
-  }]);
-__decorate([
-  IsLoad()
-], BcmToast$1.prototype, "el", void 0);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["bcm-toast"];
-  components.forEach(tagName => { switch (tagName) {
-    case "bcm-toast":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BcmToast$1);
-      }
-      break;
-  } });
-}
-
-const BcmToast = BcmToast$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BcmToast, defineCustomElement };