bromcom-ui 2.8.0-rc.9 → 3.0.0-rc.0

package/dist/esm/bcm-form-2.entry.js

@@ -1,203 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import { G as Generate, s as snq } from './generate-5f415340.js';
-import { S as StringHelper } from './string-helper-6bd24967.js';
-import { B as Bcm } from './bcm-9f50af9c.js';
-import './colors-fa05fe33.js';
-import './_commonjsHelpers-3016b722.js';
-
-const BcmFormComponents = [
-  'BCM-INPUT',
-  'BCM-TEXTAREA',
-  'BCM-SWITCH',
-  'BCM-CHECKBOX',
-  'BCM-RADIO-GROUP',
-  'BCM-CHECKBOX-GROUP',
-  'BCM-RANGE',
-  'BCM-FORM',
-  'BCM-FORM-GROUP',
-  'BCM-LIST',
-  'BCM-COLORPICKER',
-  'BCM-DATE-PICKER',
-  'BCM-TIME-PICKER',
-  'BCM-DATETIME-PICKER',
-  'BCM-SELECT',
-  'BCM-LISTBOX',
-];
-
-const form2Css = "@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}.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}:host{display:block}";
-
-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 BcmForm2 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.bcmForm = createEvent(this, "bcm-form", 7);
-    this.isLoad = false;
-    this.formData = {};
-    this.formObj = new Map();
-    this._id = Generate.UID();
-    this.validation = false;
-  }
-  componentDidLoad() {
-    this.isLoad = true;
-    forceUpdate(this);
-  }
-  componentIsValid(element) {
-    if (!element.hidden) {
-      this.checkIsGroup(element);
-      const noValid = ['bcm-checkbox', 'bcm-switch'].includes(StringHelper.lowercase(element.tagName)) ? element.value == false : StringHelper.isNullOrEmpty(element.value);
-      if (element.required) {
-        if (noValid) {
-          element.captionError = Bcm.FormErrorMessages.required;
-          element.captionType = 'error';
-          this.formObj.set(element.id, {
-            name: element.name,
-            valid: false,
-            errorDetails: element.captionError,
-          });
-        }
-        else {
-          element.captionError = null;
-          element.captionType = 'default';
-          this.formObj.delete(element.id);
-        }
-      }
-    }
-  }
-  isGroup(el) {
-    return ['bcm-checkbox-group'].includes(StringHelper.lowercase(el.tagName));
-  }
-  checkIsGroup(element) {
-    if (this.isGroup(element)) {
-      for (let checkbox of Array.from(element.querySelectorAll('bcm-checkbox'))) {
-        checkbox && this.componentIsValid(checkbox);
-      }
-    }
-  }
-  changeCheckboxGroup(event) {
-    const element = event.target;
-    const { changed } = event.detail;
-    const checkboxes = Array.from(element.querySelectorAll('bcm-checkbox'));
-    for (let checkbox of checkboxes) {
-      if (checkbox.id == changed.element.id) {
-        checkbox.value = changed.event.value;
-        this.componentIsValid(checkbox);
-      }
-    }
-  }
-  bcmComponentList() {
-    return snq(() => Array.from(this.el.querySelectorAll('*'))
-      .filter(item => BcmFormComponents.includes(item.tagName) && (!item['s-hn'] || item['s-hn'] == 'BCM-FORM-2'))
-      .filter(Boolean), []);
-  }
-  formResponse() {
-    const formRespObj = {
-      formData: this.formData,
-      isValid: this.formObj.size == 0,
-      errorDetails: Object.assign({}, (this.formObj.size > 0 &&
-        Array.from(this.formObj).map(([_, value]) => ({
-          [value.name]: value.errorDetails,
-        })))),
-      message: this.formObj.size == 0 ? '' : 'Please fill in all inputs',
-    };
-    this.bcmForm.emit(formRespObj);
-    return formRespObj;
-  }
-  async setMethodType(type) {
-    const { isLoad, validation } = this;
-    if (isLoad) {
-      for (const component of this.bcmComponentList()) {
-        try {
-          await component[type]();
-          type == 'setClear' && validation && (this.componentIsValid(component));
-        }
-        catch (e) {
-          console.error(component.nodeName, type, e);
-        }
-      }
-    }
-    return Promise.resolve();
-  }
-  async submit() {
-    const { isLoad, validation } = this;
-    if (isLoad) {
-      for (const item of this.bcmComponentList()) {
-        const { name, value } = item;
-        this.formData[name] = StringHelper.isNullOrEmpty(value) ? null : value;
-        validation && this.componentIsValid(item);
-      }
-    }
-    return Promise.resolve(this.formResponse());
-  }
-  async set(data) {
-    var _a, _b, _c;
-    if (this.isLoad && data && ((_a = this.bcmComponentList()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      for (let key of Object.keys(data)) {
-        const element = (_c = (_b = this.bcmComponentList()) === null || _b === void 0 ? void 0 : _b.find((item) => item.name == key)) !== null && _c !== void 0 ? _c : {};
-        if (element) {
-          try {
-            await element.set(data[key]);
-            this.componentIsValid(element);
-          }
-          catch (error) {
-            console.warn('set: ', key, element.nodeName);
-          }
-        }
-      }
-    }
-  }
-  async get() {
-    var _a;
-    let form = {};
-    if (((_a = this.bcmComponentList()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      for (let element of this.bcmComponentList()) {
-        const value = await element.get();
-        form = Object.assign(Object.assign({}, form), { [element.name]: StringHelper.isNullOrEmpty(value) ? null : value });
-      }
-    }
-    return Promise.resolve(form);
-  }
-  async resetCaption() {
-    return Promise.resolve(await this.setMethodType('resetCaption'));
-  }
-  async setClear() {
-    this.formData = {};
-    this.formObj = new Map();
-    return Promise.resolve(await this.setMethodType('setClear'));
-  }
-  onChange(event) {
-    const { isLoad, validation } = this;
-    if (isLoad) {
-      const target = event.target;
-      const isBcmElement = target && target.tagName.toLowerCase().startsWith('bcm-');
-      if (validation && isBcmElement) {
-        if (this.isGroup(target))
-          return this.changeCheckboxGroup(event);
-        this.componentIsValid(target);
-      }
-    }
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-__decorate([
-  IsLoad()
-], BcmForm2.prototype, "el", void 0);
-BcmForm2.style = form2Css;
-
-export { BcmForm2 as bcm_form_2 };

package/dist/esm/bcm-form-group.entry.js

@@ -1,42 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-
-const formGroupCss = "@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}.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}:host{display:block}:host(.hidden){display:none}";
-
-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 BcmFormGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._id = (Math.random() * 4).toString(16).replace('.', '');
-    this.hidden = false;
-    this.validation = false;
-    this.name = "";
-    this.value = undefined;
-  }
-  inputChange() {
-    //   console.log("diğişti")
-  }
-  render() {
-    return (h(Host, { "on-bcm-change": () => this.inputChange() }, h("form", { class: "bcm-form" }, h("slot", null))));
-  }
-  get el() { return getElement(this); }
-};
-__decorate([
-  IsLoad()
-], BcmFormGroup.prototype, "el", void 0);
-BcmFormGroup.style = formGroupCss;
-
-export { BcmFormGroup as bcm_form_group };

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

@@ -1,92 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
-import { c as classnames } from './index-ed9652af.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import './_commonjsHelpers-3016b722.js';
-
-/**
- * 'status' prop predefined values
- */
-var StatusProps;
-(function (StatusProps) {
-  StatusProps["info"] = "info";
-  StatusProps["error"] = "error";
-  StatusProps["warning"] = "warning";
-  StatusProps["success"] = "success";
-})(StatusProps || (StatusProps = {}));
-
-const messageCss = "@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}.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}:host{display:inline-block}:host(.hidden){display:none}.message{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;font-size:12px;line-height:20px}.message:not(.full-width){max-width:460px}.message.info{background-color:var(--bcm-color-blue-1);color:var(--bcm-color-blue-6)}.message.error{background-color:var(--bcm-color-red-1);color:var(--bcm-color-red-6)}.message.warning{background-color:var(--bcm-color-warmyellow-1);color:var(--bcm-color-warmyellow-6)}.message.success{background-color:var(--bcm-color-green-1);color:var(--bcm-color-green-6)}.message bcm-icon{margin-right:9px;margin-top:2px}";
-
-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 BcmMessage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.status = StatusProps.info;
-    this.fullWidth = false;
-    this.loading = false;
-    this.isShow = false;
-    this.hidden = false;
-  }
-  /**
-   * @desc
-   */
-  getIcon() {
-    switch (this.status) {
-      case StatusProps.info:
-        return h("bcm-icon", { icon: "far fa-info-circle" });
-      case StatusProps.error:
-        return h("bcm-icon", { icon: "far fa-times-circle" });
-      case StatusProps.warning:
-        return h("bcm-icon", { icon: "far fa-exclamation-circle" });
-      case StatusProps.success:
-        return h("bcm-icon", { icon: "far fa-check-circle" });
-    }
-  }
-  /**
-   * @desc Removes component itself
-   */
-  dismiss() {
-    this.isShow = false;
-    // this.el.remove()
-  }
-  /**
-   * @desc
-   */
-  async hide() {
-    this.dismiss();
-  }
-  /**
-   * @desc
-   */
-  async show() {
-    this.isShow = true;
-  }
-  render() {
-    const { fullWidth, status, isShow, loading } = this;
-    const classes = classnames('message', loading ? 'info' : status, {
-      'full-width': fullWidth,
-      'show': isShow
-    });
-    const hostClasses = classnames(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses }, h("div", { class: classes }, loading && (h("bcm-icon", { icon: "far fa-spinner-third fa-spin" })), !loading && (this.getIcon()), h("slot", null))));
-  }
-  get el() { return getElement(this); }
-};
-__decorate([
-  IsLoad()
-], BcmMessage.prototype, "el", void 0);
-BcmMessage.style = messageCss;
-
-export { BcmMessage as bcm_message };

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

@@ -1,101 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
-import { c as classnames } from './index-ed9652af.js';
-import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
-import './_commonjsHelpers-3016b722.js';
-
-/**
- * 'type' prop predefined values
- */
-var TypeProps;
-(function (TypeProps) {
-  TypeProps["info"] = "info";
-  TypeProps["error"] = "error";
-  TypeProps["warning"] = "warning";
-  TypeProps["success"] = "success";
-  TypeProps["default"] = "default";
-})(TypeProps || (TypeProps = {}));
-
-const notificationCss = "@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}.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}:host{display:block}:host(.hidden){display:none}.notification{display:none;width:100%;max-width:384px;padding:16px 24px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:2px}.notification.show{display:flex}.text-content{width:100%}.title{position:relative;display:block;padding-right:24px;padding-top:8px;padding-bottom:8px;font-size:16px;color:var(--bcm-color-grey-9)}.title bcm-icon{position:absolute;right:0;top:10px;cursor:pointer}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.icon-content{padding-top:8px;padding-right:16px}.actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}";
-
-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 BcmNotification = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.confirm = createEvent(this, "bcm-confirm", 7);
-    this._title = undefined;
-    this.status = TypeProps.default;
-    this.confirmText = undefined;
-    this.isShow = false;
-    this.hidden = false;
-  }
-  /**
-   * @desc
-   * @returns {BcmOldIcon}
-   */
-  getIcon() {
-    switch (this.status) {
-      case TypeProps.info:
-        return h("bcm-icon", { icon: "far fa-info-circle" });
-      case TypeProps.error:
-        return h("bcm-icon", { icon: "far fa-times-circle" });
-      case TypeProps.warning:
-        return h("bcm-icon", { icon: "far fa-exclamation-circle" });
-      case TypeProps.success:
-        return h("bcm-icon", { icon: "far fa-check-circle" });
-    }
-  }
-  /**
-   * @desc Removes component itself
-   */
-  dismiss() {
-    this.isShow = false;
-    // this.el.remove()
-  }
-  /**
-   * @desc Removes component itself
-   */
-  handleConfirm() {
-    this.isShow = false;
-    this.confirm.emit();
-  }
-  /**
-   * @desc
-   */
-  async hide() {
-    this.dismiss();
-  }
-  /**
-   * @desc
-   */
-  async show() {
-    this.isShow = true;
-  }
-  render() {
-    const { status, _title, confirmText, isShow } = this;
-    const notification = classnames('notification', {
-      'show': isShow
-    });
-    const hostClasses = classnames(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses }, h("div", { class: notification }, status !== TypeProps.default && (h("div", { class: "icon-content" }, this.getIcon())), h("div", { class: "text-content" }, h("span", { class: "title" }, _title, h("bcm-icon", { icon: "far fa-times", color: "grey-10", onClick: () => this.dismiss() })), h("p", null, h("slot", null)), confirmText != undefined && (h("div", { class: "actions" }, h("bcm-button", { size: "small", onClick: () => this.handleConfirm() }, confirmText ? confirmText : "Confirm")))))));
-  }
-  get el() { return getElement(this); }
-};
-__decorate([
-  IsLoad()
-], BcmNotification.prototype, "el", void 0);
-BcmNotification.style = notificationCss;
-
-export { BcmNotification as bcm_notification };

package/dist/esm/caption-template-da16ba7b.js

@@ -1,32 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { h } from './index-39133086.js';
-import { c as classnames } from './index-ed9652af.js';
-
-const CaptionTemplate = ({ noCaption, captionType, captionClasses, caption, captionError, customErrorMessage, size, 
-//textarea props
-maxLength, value }) => {
-  size = size || "medium";
-  const hostClasses = classnames('bcm-caption-area', 'bcm-caption-area__size-' + size);
-  const classes = `bcm-caption-area__text`;
-  const captionTextClass = `${classes} ${captionType} ${captionClasses}`;
-  const countClasses = `${classes} default ${captionClasses}`;
-  return ((noCaption == false || maxLength) && (h("div", { class: hostClasses },
-    h("span", { class: captionTextClass }, captionType == "error"
-      ? h("span", null,
-        " ",
-        customErrorMessage || captionError,
-        " ")
-      : caption && h("span", null,
-        " ",
-        caption,
-        " ")),
-    maxLength && h("span", { class: countClasses },
-      " ",
-      `${(value === null || value === void 0 ? void 0 : value.length) || 0}/${maxLength}`,
-      " "))));
-};
-
-export { CaptionTemplate as C };

package/dist/esm/label-template-d74fe788.js

@@ -1,21 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { h } from './index-39133086.js';
-import { c as classnames } from './index-ed9652af.js';
-import { B as Bcm } from './bcm-9f50af9c.js';
-import { S as SlotTemplate } from './slot-template-5b2db362.js';
-
-const LabelTemplate = ({ required, value, size, form, htmlFor, type }) => {
-  size = size || "medium";
-  type = type || Bcm.Status.default;
-  const labelClasses = classnames('bcm-label__text', 'bcm-label__text-' + type, 'bcm-label__size-' + size);
-  return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses },
-    " ",
-    h(SlotTemplate, { value: value }),
-    " ",
-    required && ('*')));
-};
-
-export { LabelTemplate as L };