bromcom-ui 2.9.0-rc.4 → 2.9.0-rc.6

package/dist/cjs/tooltip-helper-c822010b.js

@@ -1,150 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-require('./element-dragger-a8562f82.js');
-const stringHelper = require('./string-helper-d681e5c7.js');
-const utils = require('./utils-fc077139.js');
-const floatingUi = require('./floating-ui-c9fc2202.js');
-const colorHelper = require('./color-helper-d6d2028b.js');
-require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-d246df02.js');
-require('./number-helper-26df0c91.js');
-require('./validators-095e7611.js');
-const bcm = require('./bcm-ab921827.js');
-
-class Tooltip {
-  constructor({ message, targetId, placement = "top", color = "slate-700", trigger = "none", size = "medium", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { }, }) {
-    this.destroy = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.el.remove();
-        this.emitHide();
-      }
-      this.removeListener();
-    };
-    this.bgColor = () => colorHelper.ColorHelper.twColor(this.color, 700);
-    this.target = () => document.getElementById(this.targetId);
-    this.sizeClass = () => {
-      switch (this.size) {
-        case bcm.Bcm.Size.small:
-          return "tw-text-1";
-        case bcm.Bcm.Size.medium:
-          return "tw-text-2";
-        case bcm.Bcm.Size.large:
-          return "tw-text-3";
-        default:
-          return "tw-text-2";
-      }
-    };
-    this.init = () => {
-      this.el = generate.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 ${this.sizeClass()} 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.ColorHelper.twColorReverse(this.bgColor())}`,
-        "innerHTML": stringHelper.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), true);
-      window.addEventListener("wheel", this.calculatePosition.bind(this));
-      if (this.trigger && this.target()) {
-        switch (this.trigger) {
-          case "click":
-            this.target().addEventListener("click", this.toggle.bind(this));
-            this.autoHide && this.target().addEventListener("mouseleave", this.hide.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.removeListener = () => {
-      window.removeEventListener("resize", this.calculatePosition.bind(this));
-      window.removeEventListener("scroll", this.calculatePosition.bind(this), true);
-      window.removeEventListener("wheel", this.calculatePosition.bind(this));
-      if (this.target()) {
-        this.target().removeEventListener("click", this.toggle.bind(this));
-        this.target().removeEventListener("mouseenter", this.show.bind(this));
-        this.target().removeEventListener("mouseleave", this.hide.bind(this));
-        this.target().removeEventListener("focus", this.show.bind(this), true);
-        this.target().removeEventListener("blur", this.hide.bind(this), true);
-      }
-    };
-    this.calculatePosition = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        floatingUi.FloatingUI({
-          ref: this.target(),
-          floating: this.el,
-          placement: this.placement,
-          offset: 8,
-          arrow: true,
-          arrowColor: `tw-bg-${this.bgColor()}`,
-        });
-      }
-    };
-    this.show = async () => {
-      if (this.message) {
-        this.init();
-        await utils.delay(this.openDelay);
-        this.calculatePosition();
-        this.emitShow();
-      }
-      else {
-        this.hide();
-      }
-    };
-    this.hide = async () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        await utils.delay(this.closeDelay);
-        this.el && this.el.remove();
-        this.emitHide();
-      }
-    };
-    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;
-    this.size = size;
-    this.openDelay = openDelay;
-    this.closeDelay = closeDelay;
-    this.autoHide = autoHide;
-    this.emitShow = emitShow;
-    this.emitHide = emitHide;
-  }
-}
-
-exports.Tooltip = Tooltip;

package/dist/collection/components/atoms/avatar/avatar.css

@@ -1,198 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-.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;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-avatar {
-  --bcm-avatar-color: var(--bcm-new-ds-color-slate-600);
-  --bcm-avatar-background-color: var(--bcm-new-ds-color-slate-100);
-  --prefix-height: 40px;
-  --prefix-font-size: font-size(2);
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: nowrap;
-  background-color: var(--bcm-avatar-background-color);
-  color: var(--bcm-avatar-color);
-  text-transform: uppercase;
-}
-.bcm-avatar.hidden {
-  display: none;
-}
-.bcm-avatar img {
-  width: 100%;
-  height: 100%;
-}
-.bcm-avatar__shape-ellipse, .bcm-avatar__shape-ellipse > img {
-  border-radius: 100px;
-}
-.bcm-avatar__shape-square, .bcm-avatar__shape-square > img {
-  border-radius: 4px;
-}
-.bcm-avatar__shape-ellipse .bcm-badge {
-  top: 0px;
-  right: 0px;
-}
-.bcm-avatar__shape-square .bcm-badge {
-  top: -2px;
-  right: -2px;
-}
-.bcm-avatar__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  height: 24px;
-  width: 24px;
-}
-.bcm-avatar__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  height: 32px;
-  width: 32px;
-}
-.bcm-avatar__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  height: 40px;
-  width: 40px;
-}
-.bcm-avatar__size-custom {
-  font-size: var(--bcm-avatar-font-size);
-  line-height: calc(var(--bcm-avatar-font-size) + 8px);
-  height: var(--bcm-avatar-height);
-  width: var(--bcm-avatar-height);
-}
-.bcm-avatar__status {
-  position: relative;
-}
-.bcm-avatar__status .bcm-badge {
-  position: absolute;
-}

package/dist/collection/components/atoms/badge/badge.css

@@ -1,231 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-.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;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-badge {
-  --bcm-badge-color: var(--bcm-new-ds-color-white);
-  --bcm-badge-background-color: var(--bcm-new-ds-color-slate-400);
-  --bcm-badge-spacing: 4px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  flex-wrap: nowrap;
-  gap: 4px;
-}
-.bcm-badge.hidden {
-  display: none;
-}
-.bcm-badge span:empty {
-  display: none;
-}
-.bcm-badge__dot {
-  color: var(--bcm-badge-color);
-  background-color: var(--bcm-badge-background-color);
-  display: inline-block;
-  border-radius: 100px;
-  position: relative;
-}
-.bcm-badge__dot-text {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: nowrap;
-  padding: 0 var(--bcm-badge-spacing);
-  z-index: 2;
-  color: var(--bcm-badge-color);
-}
-.bcm-badge__dot-size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-width: 6px;
-  min-height: 6px;
-}
-.bcm-badge__dot-size-small .bcm-badge__dot-text {
-  min-width: calc(10px + 8px);
-}
-.bcm-badge__dot-size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-width: 8px;
-  min-height: 8px;
-}
-.bcm-badge__dot-size-medium .bcm-badge__dot-text {
-  min-width: calc(12px + 8px);
-}
-.bcm-badge__dot-size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-width: 10px;
-  min-height: 10px;
-}
-.bcm-badge__dot-size-large .bcm-badge__dot-text {
-  min-width: calc(14px + 8px);
-}
-.bcm-badge__dot-blink {
-  position: relative;
-  z-index: 1;
-}
-.bcm-badge__dot-blink:after {
-  content: "";
-  position: absolute;
-  z-index: -1;
-  top: 0;
-  left: 0;
-  background: var(--bcm-badge-background-color);
-  border-radius: 100px;
-  opacity: 0.7;
-  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  transform: scale(1);
-  width: 100%;
-  height: 100%;
-}
-.bcm-badge__dot:after {
-  background-color: var(--bcm-badge-background-color);
-  animation: badge-pulse 2s infinite;
-}
-@keyframes badge-pulse {
-  0% {
-    transform: scale(0.95);
-    box-shadow: 0 0 0 0 var(--bcm-badge-background-color);
-  }
-  70% {
-    transform: scale(1);
-    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
-  }
-  100% {
-    transform: scale(0.95);
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  }
-}

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

@@ -1,114 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
-import { c as classnames } from './index-ed9652af.js';
-import { I as IsLoad } from './is-load-decorator-07d3502a.js';
-import { J as JsonParse } from './json-parse-decarator-2bcd4584.js';
-import { G as Generate } from './generate-e7435a13.js';
-import { a as Bcm } from './bcm-9f50af9c.js';
-import './_commonjsHelpers-3016b722.js';
-import './colors-44c95e7e.js';
-
-const dropdownCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .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}.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}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease}.bcm-dropdown__icon--open{transform:rotate(180deg)}";
-
-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 BcmDropdown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.bcmClick = createEvent(this, "bcm-click", 7);
-    this.bcmDropdownChange = createEvent(this, "bcm-dropdown-change", 7);
-    this.isOpen = undefined;
-    this._id = Generate.UID();
-    this.menuId = Generate.UID();
-    this.hidden = false;
-    this.type = 'dropdown';
-    this.size = Bcm.Size.medium;
-    this.disabled = false;
-    this.kind = Bcm.Kind.solid;
-    this.icon = undefined;
-    this.href = undefined;
-    this.target = undefined;
-    this.value = undefined;
-    this.noStyle = false;
-    this.dropdownIcon = 'fas fa-angle-down';
-    this.linkedComponent = undefined;
-    this.loading = false;
-    this.variant = undefined;
-    this.dataDismiss = false;
-    this.fullWidth = false;
-    this.iconPosition = Bcm.IconPosition.prefix;
-    this.placement = undefined;
-    this.height = undefined;
-    this.maxHeight = '500px';
-    this.minHeight = '50px';
-    this.stopDeepClean = false;
-    this.selectable = true;
-    this.gap = '4px';
-    this.color = undefined;
-    this.activeItem = null;
-    this.data = [];
-  }
-  async dataChanged(newValue) {
-    if (newValue) {
-      this.data = newValue;
-    }
-  }
-  async setActive(id = null) {
-    var _a, _b;
-    (_b = (_a = document
-      .getElementById(`${this.menuId}`)) === null || _a === void 0 ? void 0 : _a.querySelectorAll('bcm-menu')) === null || _b === void 0 ? void 0 : _b.forEach(item => {
-      item.setActive(id);
-    });
-  }
-  async getActive() {
-    return this.activeItem;
-  }
-  handleSlotItems({ detail }) {
-    this.data = detail;
-  }
-  setActiveAttribute(e) {
-    if (e.detail) {
-      this.bcmDropdownChange.emit(e.detail);
-      this.activeItem = e.detail;
-    }
-  }
-  ;
-  render() {
-    const { size, kind, disabled, icon, color, href, target, loading, type, variant, fullWidth, isOpen } = this;
-    const hostClasses = classnames('bcm-dropdown', 'bcm-dropdown__type-' + type, {
-      'full-width': fullWidth,
-      'no-style': this.noStyle,
-      'hidden': this.hidden || this.linkedComponent,
-    });
-    const attributes = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (disabled && { disabled })), (loading && { loading })), (kind && { kind })), (size && { size })), (variant && { variant })), (color && { color })), (this.menuId && { 'menu-id': this.menuId }));
-    const iconClasses = classnames('bcm-dropdown__icon', {
-      'bcm-dropdown__icon--open': isOpen,
-    });
-    const dropdownIcon = (h("span", { class: iconClasses }, h("bcm-icon", { icon: this.dropdownIcon })));
-    return (h(Host, { class: hostClasses }, h("span", { hidden: true }, h("slot", null)), this.noStyle && h("slot", null), !this.noStyle && (h("bcm-button", Object.assign({ class: "main-button", id: `${this._id}-button` }, attributes, (icon && { icon }), (href && type === 'split' && { href }), (target && type === 'split' && { target }), (fullWidth && { fullWidth })), h("slot", null), type === 'dropdown' && dropdownIcon)), !this.noStyle && type === 'split' && (h("bcm-button", Object.assign({ id: `${this._id}-button-split`, class: "split-button" }, attributes), dropdownIcon)), h("bcm-linked", { id: `${this.menuId}`, "target-id": `${this._id}-button${type === 'split' ? '-split' : ''}`, placement: this.placement || (type === 'dropdown' ? 'bottom-start' : 'bottom-end'), "max-height": this.maxHeight, "min-height": this.minHeight, height: this.height, "on-bcm-open": e => { var _a; return ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.id) == this.menuId && (this.isOpen = e.detail); } }, this.data && this.data.length > 0 && h("bcm-menu", { data: this.data, selectable: this.selectable, "on-bcm-click": e => this.bcmClick.emit(e.detail), "onBcm-menu-change": e => this.setActiveAttribute(e), gap: this.gap, dropdown: true }), h("slot", { name: "content" }))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "data": ["dataChanged"]
-  }; }
-};
-__decorate([
-  IsLoad()
-], BcmDropdown.prototype, "el", void 0);
-__decorate([
-  JsonParse('data', true)
-], BcmDropdown.prototype, "dataChanged", null);
-BcmDropdown.style = dropdownCss;
-
-export { BcmDropdown as bcm_dropdown };