bromcom-ui 2.10.1-rc.0 → 2.10.1-rc.10

package/dist/cjs/bcm-date.cjs.entry.js

@@ -1,182 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c591ecec.js');
-const isLoadDecorator = require('./is-load-decorator-15036f37.js');
-require('./color-helper-c3a819ea.js');
-require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-e214b3de.js');
-require('./number-helper-3a911c0f.js');
-require('./string-helper-f9184277.js');
-require('./validators-910556c5.js');
-require('./element-dragger-a8562f82.js');
-const bcm = require('./bcm-489c9b1a.js');
-const captionTemplate = require('./caption-template-81dbc490.js');
-const index$1 = require('./index-95ae50d0.js');
-require('./types-cc4adee7.js');
-const labelTemplate = require('./label-template-d9bee58a.js');
-require('./types-7523fd99.js');
-const moment = require('./moment-d06b012f.js');
-require('./colors-56282b00.js');
-require('./utils-fc077139.js');
-require('./colors-078851ec.js');
-require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-f9f70acc.js');
-require('./slot-template-c8e2816c.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 BcmDate = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.change = index.createEvent(this, "bcm-change", 7);
-    this.onChange = (e) => {
-      this.value = this.getValueObject(e.detail);
-      this.change.emit(this.value);
-    };
-    // type a göre format belirleme işlemi
-    this.getFormat = () => {
-      if (!this.format) {
-        switch (this.type) {
-          case "time":
-            return this.showSecond ? "HH:mm:ss" : this.showMinute ? "HH:mm" : "HH";
-          case "date":
-            return "DD/MM/YYYY";
-          case "datetime":
-            return this.showSecond ? "DD/MM/YYYY HH:mm:ss" : this.showMinute ? "DD/MM/YYYY HH:mm" : "DD/MM/YYYY HH";
-          case "week":
-            return "YYYY-wo";
-          case "month":
-            return "MM/YYYY";
-          case "year":
-            return "YYYY";
-          default:
-            return "DD/MM/YYYY";
-        }
-      }
-      return this.format;
-    };
-    this.getValueObject = (value) => {
-      if (this.range) {
-        return this.getRangeValueObject(value);
-      }
-      else {
-        return this.createValueObject(value);
-      }
-    };
-    this.getRangeValueObject = (value) => {
-      const [start, end] = value._i || [];
-      const startObject = this.createValueObject(start);
-      const endObject = this.createValueObject(end);
-      return Object.assign({ isValid: startObject.isValid && endObject.isValid, start: startObject, end: endObject, date: [startObject.date, endObject.date], timestamp: [startObject.timestamp, endObject.timestamp], value: `${startObject.value} - ${endObject.value}` }, (this.type === "time" && {
-        time: `${startObject.time} - ${endObject.time}`,
-      }));
-    };
-    this.createValueObject = (value) => {
-      if (value && moment.hooks(value).isValid()) {
-        return Object.assign({ isValid: moment.hooks(value).isValid(), date: moment.hooks(value).toDate(), timestamp: moment.hooks(value).valueOf(), dateObject: {
-            year: moment.hooks(value).year(),
-            day: moment.hooks(value).date(),
-            month: moment.hooks(value).month(),
-            dayOfWeek: moment.hooks(value).day(),
-            monthFirstDay: moment.hooks(value).startOf("month").day(),
-          }, value: moment.hooks(value).format(this.getFormat()) }, (this.type === "time" && {
-          time: moment.hooks(value).format(this.getFormat()),
-          timeObject: {
-            hour: moment.hooks(value).hour(),
-            minute: moment.hooks(value).minute(),
-            second: moment.hooks(value).second(),
-          },
-        }));
-      }
-      else {
-        return null;
-      }
-    };
-    this._id = generate.Generate.UID();
-    this.label = undefined;
-    this.placeholder = undefined;
-    this.size = bcm.Bcm$1.Size.medium;
-    this.fullWidth = false;
-    this.required = false;
-    this.clearable = false;
-    this.disabled = false;
-    this.noMargin = false;
-    this.caption = undefined;
-    this.noCaption = false;
-    this.captionType = bcm.Bcm$1.Status.default;
-    this.captionError = undefined;
-    this.name = undefined;
-    this.value = undefined;
-    this.type = "date";
-    this.format = undefined;
-    this.range = false;
-    this.showTime = false;
-    this.showNow = true;
-    this.showHour = true;
-    this.showMinute = true;
-    this.showSecond = false;
-    this.use12Hours = false;
-    this.hourStep = 1;
-    this.minuteStep = 1;
-    this.secondStep = 1;
-    this.hideDisabledOptions = false;
-    this.disabledTime = undefined;
-    this.showToday = true;
-    this.disabledDates = undefined;
-  }
-  async getValue() {
-    return this.value;
-  }
-  async get() {
-    var _a;
-    return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.timestamp) || null;
-  }
-  async set(value) {
-    // this.value = value;
-    this.getPickerElement().set(value);
-  }
-  async setClear() {
-    this.getPickerElement().set(null);
-  }
-  async resetCaption() {
-    this.captionType = "default";
-    this.captionError = null;
-  }
-  async getInput() {
-    return this.el.querySelector("input");
-  }
-  async isValid() {
-    var _a;
-    return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.isValid) || false;
-  }
-  getPickerElement() {
-    return this.el.querySelector("bcm-rc-picker");
-  }
-  render() {
-    const { label, size, captionType, required, _id } = this;
-    return (index.h(index.Host, { class: index$1.classnames("bcm-ui-element bcm-ui-input", "tw-relative tw-m-0 tw-inline-flex tw-w-full tw-flex-col", {
-        "tw-max-w-[256px]": !this.fullWidth,
-        "tw-mb-2": !this.noMargin,
-      }) }, label && index.h(labelTemplate.LabelTemplate, { size: size, type: captionType, value: label, required: required, htmlFor: _id }), index.h("bcm-rc-picker", { id: _id + "-picker", class: index$1.classnames("w-full tw-flex"), onBcmRCPickerChange: e => this.onChange(e), disabled: this.disabled, clearable: this.clearable, size: size, placeholder: this.placeholder, error: this.captionType === "error", type: this.type, format: this.getFormat(), range: this.range, showToday: this.showToday, disabledDates: this.disabledDates, showTime: this.showTime, showNow: this.showNow, showHour: this.showHour, showMinute: this.showMinute, showSecond: this.showSecond, use12Hours: this.use12Hours, hourStep: this.hourStep, minuteStep: this.minuteStep, secondStep: this.secondStep, hideDisabledOptions: this.hideDisabledOptions, disabledTime: this.disabledTime }), index.h(captionTemplate.CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
-  }
-  get el() { return index.getElement(this); }
-};
-__decorate([
-  isLoadDecorator.IsLoad()
-], BcmDate.prototype, "el", void 0);
-
-exports.bcm_date = BcmDate;

package/dist/cjs/bcm-form.cjs.entry.js

@@ -1,489 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c591ecec.js');
-const index$1 = require('./index-95ae50d0.js');
-const isLoadDecorator = require('./is-load-decorator-15036f37.js');
-const stringHelper = require('./string-helper-f9184277.js');
-const utils = require('./utils-fc077139.js');
-require('./_commonjsHelpers-ed84c3ca.js');
-require('./bcm-489c9b1a.js');
-
-// /**
-//  * 
-//  * @param type 
-//  */
-// export const required = (value:any) => {
-//   if ( value || value != null ) {
-//     return true
-//   } else {
-//     return true
-//   }
-// }
-class rules {
-  constructor() { }
-  response(status, message) {
-    return Object.assign(Object.assign({ valid: status }, (message && { message })), (!status && { type: 'error' }));
-  }
-  required(value, componentValidation) {
-    let validation = this.response(true);
-    if (value == '' || value == "" || value == undefined || value == null || value === false) {
-      validation = this.response(false, 'This field is required.');
-    }
-    if (componentValidation) {
-      if (!componentValidation.valid) {
-        validation = this.response(false, componentValidation.errorText);
-      }
-      if (value instanceof Object) {
-        if (value.isValid) {
-          if (value.isValid == false)
-            validation = this.response(false, 'This field is required.');
-        }
-      }
-    }
-    return validation;
-  }
-  selfValidation(input) {
-    let validation = this.response(true);
-    if (input.captionError != null || input.captionType == 'error') {
-      validation = this.response(false, input.captionError);
-    }
-    return validation;
-  }
-}
-const validate = new rules;
-
-const formCss = "@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;margin-bottom:8px}: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 BcmForm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.bcmForm = index.createEvent(this, "bcm-form", 7);
-    this.formData = {};
-    this.inputs = [];
-    this.duplicateInput = [];
-    this.isValid = true;
-    this.returnCaption = [];
-    this.Bromcom = {
-      errors: {
-        targetFormNotExist: 'target form is not exist --> ',
-      },
-      inputComponents: {
-        CHIP_GROUP: 'chip-group',
-        // Birbirinin aynısı
-        INPUT: 'input',
-        TEXTAREA: 'textarea',
-        //çok benzer
-        SWITCH: 'switch',
-        CHECKBOX: 'checkbox',
-        RADIO_GROUP: 'radio-group',
-        CHECKBOX_GROUP: 'checkbox-group',
-        RANGE: 'range',
-        // sadece value fırlatıyor
-        FORM: 'form',
-        FORM_GROUP: 'form-group',
-        // *En vakit alacak => içinde select, autocomplete, listbox, treeview özellikleri var
-        LIST: 'list',
-        //
-        COLORPICKER: 'colorpicker',
-        DATE: 'date',
-        // picker aslında tek komponent hepsi datetimepicker
-        DATE_PICKER: 'date-picker',
-        TIME_PICKER: 'time-picker',
-        DATETIME_PICKER: 'datetime-picker',
-        // silinecek komponentler
-        SELECT: 'select',
-        LISTBOX: 'listbox'
-      },
-      helpers: {
-        randomId: function () {
-          return Math.random().toString(16).slice(2, -1);
-        },
-      },
-    };
-    this._id = (Math.random() * 4).toString(16).replace('.', '');
-    this.hidden = false;
-    this.validation = false;
-    this.name = "";
-    this.value = undefined;
-    this.autocomplete = false;
-  }
-  handleSubmit() {
-    // if (lowercase(e.target.nodeName) === 'bcm-button') {
-    //     if (e.target.type === 'submit') {
-    //         this.submitFunction()
-    //     }
-    // }
-  }
-  async submitFunction() {
-    this.formData = {};
-    this.inputs = [];
-    this.selector = this.el;
-    await this.getInputs();
-    await utils.delay(10);
-    const usrFrmData = await this.userFormData();
-    var formData = { isValid: true, formData: usrFrmData };
-    if (this.name) {
-      formData = Object.assign(Object.assign({}, formData), { formName: this.name });
-    }
-    if (this.isValid) {
-      this.bcmForm.emit(formData);
-      return formData;
-    }
-    else {
-      this.returnCaption = { isValid: false, 'message': 'Please fill in all inputs', 'errorDetails': this.returnCaption, formData: usrFrmData };
-      if (this.name) {
-        this.returnCaption = Object.assign(Object.assign({}, this.returnCaption), { formName: this.name });
-      }
-      this.bcmForm.emit(this.returnCaption);
-      return this.returnCaption;
-    }
-  }
-  async submit() {
-    return Promise.resolve(this.submitFunction());
-  }
-  async set(data) {
-    var _a;
-    const validate = this.validation;
-    this.validation = false;
-    // debugger
-    this.selector = this.el;
-    await this.getInputs();
-    if (data && ((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      for (const key of Object.keys(data)) {
-        const item = this.inputs.find(item => item.name === key);
-        if (item) {
-          try {
-            await item.set(data[key]);
-          }
-          catch (error) {
-            console.log(item.nodeName, "set", error);
-          }
-        }
-      }
-    }
-    this.validation = validate;
-  }
-  async get() {
-    var _a;
-    let formData = {};
-    this.selector = this.el;
-    const inputsCache = this.inputs;
-    await this.getInputs();
-    ((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.inputs.forEach(async (item) => {
-      try {
-        const value = await item.get();
-        formData = Object.assign(Object.assign({}, formData), { [item.name]: value });
-      }
-      catch (error) {
-        console.log(`${item.nodeName} get error`);
-      }
-    });
-    this.inputs = inputsCache;
-    await utils.delay(10);
-    return Promise.resolve(formData);
-  }
-  async setClear() {
-    this.formData = {};
-    this.inputs = [];
-    this.selector = this.el;
-    let clear = [];
-    await this.getInputs();
-    this.inputs.forEach(async (item) => {
-      try {
-        clear.push(await item.setClear());
-      }
-      catch (error) {
-        console.log(error);
-      }
-    });
-    await Promise.all(clear).then(() => {
-      this.formData = {};
-      this.inputs = [];
-      this.duplicateInput = [];
-      this.isValid = true;
-      this.returnCaption = [];
-    });
-    await utils.delay(10);
-    return Promise.resolve(true);
-  }
-  async resetCaption() {
-    await utils.delay(10);
-    this.formData = {};
-    this.inputs = [];
-    this.selector = this.el;
-    await this.getInputs();
-    for (const item of this.inputs) {
-      try {
-        await item.resetCaption();
-      }
-      catch (error) {
-        console.log(item.nodeName, "rc p");
-      }
-    }
-    await utils.delay(10);
-    return Promise.resolve();
-  }
-  async config(_config) {
-    if (_config['validation']) {
-      typeof _config['validation'] == 'boolean'
-        ? this.validation = _config['validation']
-        : this.validation = false;
-    }
-    return true;
-  }
-  async getInputs() {
-    var form = this.selector;
-    if (!form) {
-      console.warn(this.Bromcom.errors.targetFormNotExist + this.selector);
-      return;
-    }
-    const inputs = Array.from(form.querySelectorAll('bcm-' + Object.values(this.Bromcom.inputComponents).join(',bcm-')));
-    this.duplicateInput = [];
-    // s-hn: Stencil private flag that contains host web component
-    // https://github.com/ionic-team/stencil/blob/45388e95edb46ef357eb9ae37cd32bbb5bc1ed23/src/runtime/vdom/vdom-render.ts#L116
-    const rootInputs = inputs.filter((input) => { var _a; return !input['s-hn'] || ((_a = input['s-hn']) === null || _a === void 0 ? void 0 : _a.nodeName) !== 'BcmForm'; });
-    // debugger;
-    for (const item of rootInputs) {
-      if (stringHelper.StringHelper.lowercase(item.nodeName) == "bcm-checkbox-group") {
-        let checkboxs = item.querySelectorAll("bcm-checkbox");
-        if (checkboxs) {
-          for (const checkbox of checkboxs) {
-            this.duplicateInput.push(checkbox.name);
-          }
-        }
-      }
-      if (stringHelper.StringHelper.lowercase(item.nodeName) == "bcm-form") {
-        const groupInputs = Array.from(item.querySelectorAll('bcm-' + Object.values(this.Bromcom.inputComponents).join(',bcm-')));
-        let itemObject = {};
-        for (const element of groupInputs) {
-          var name = element.name;
-          var value = element.value;
-          itemObject = Object.assign(Object.assign({}, itemObject), { [name]: value });
-          this.duplicateInput.push(element.name);
-        }
-        item.value = itemObject;
-        let checkboxs = item.querySelectorAll("bcm-checkbox");
-        if (checkboxs) {
-          for (const checkbox of checkboxs) {
-            this.duplicateInput.push(checkbox.name);
-          }
-        }
-      }
-    }
-    await utils.delay(10);
-    this.inputs = rootInputs;
-  }
-  getItemValue(item) {
-    const tagName = item.tagName.toLowerCase().replace('bcm-', '');
-    switch (tagName) {
-      /*   case 'date-picker':
-        case 'datetime-picker':
-            return item.value.timestamp
-        case 'time-picker':
-            return item.value.time */
-      default:
-        return item.value;
-    }
-  }
-  isWrapperComponent(item) {
-    return ['bcm-datetime-picker', 'bcm-date-picker', 'bcm-time-picker'].includes(item.toLowerCase());
-  }
-  isGroupComponent(item) {
-    return ['bcm-checkbox-group'].includes(item.toLowerCase());
-  }
-  isListComponent(item) {
-    return ['bcm-list'].includes(item.toLowerCase());
-  }
-  async userFormData() {
-    this.formData = {};
-    this.isValid = true;
-    this.returnCaption = [];
-    for (const item of this.inputs) {
-      // const isListComponent = this.isListComponent(item.tagName);
-      const isGroupComponent = this.isGroupComponent(item.tagName);
-      const isWrapperComponent = this.isWrapperComponent(item.tagName);
-      const wrapperComponent = isWrapperComponent && item;
-      const input = isWrapperComponent
-        ? await item.getInput() && item
-        : item;
-      // input.caption = ''
-      // input.captionType = ''
-      if (this.validation) {
-        let valid = null;
-        // if (isListComponent) {
-        //     valid = !(input.value && input.value.length > 0) && validate.required(input.value)
-        // } else
-        if (isWrapperComponent) {
-          const isPickerValid = await wrapperComponent.isValid();
-          valid = validate.required(input.value, isPickerValid);
-          if (valid) {
-            if (input.value instanceof Object) {
-              if (input.value["isValid"] == false) {
-                valid = validate.required("", isPickerValid);
-              }
-            }
-            else {
-              valid = validate.required(input.value, isPickerValid);
-            }
-          }
-        }
-        else if (isGroupComponent) {
-          const childsCheckbox = utils.getChildElements(input, 'bcm-checkbox:not(#bcm-indeterminate-element)');
-          if (childsCheckbox && childsCheckbox.length > 0) {
-            for (const element of childsCheckbox) {
-              if (element && element.required === true) {
-                valid = validate.required(element.checked);
-                if (!valid['valid']) {
-                  element.noCaption = false;
-                  element.captionError = valid['message'];
-                  element.captionType = valid['type'];
-                }
-                else {
-                  element.noCaption = input.noCaption;
-                  element.captionError = null;
-                  element.captionType = "default";
-                }
-              }
-            }
-          }
-        }
-        else {
-          valid = validate.required(input.value);
-        }
-        if (input.required) {
-          if (!valid['valid']) {
-            input.captionError = valid['message'];
-            input.captionType = valid['type'];
-          }
-          else {
-            input.captionError = null;
-            input.captionType = "default";
-          }
-          await utils.delay(10);
-          const selfValidation = validate.selfValidation(input);
-          if (valid['valid']) {
-            if (!selfValidation['valid']) {
-              input.captionError = selfValidation['message'];
-              input.captionType = selfValidation['type'];
-            }
-          }
-        }
-        let name = input.name;
-        let value = input.captionError;
-        !input.hidden && input.captionType == 'error' && (this.returnCaption = [...Array.from(this.returnCaption), { [name]: value }],
-          this.isValid = false);
-      }
-      if (input.name && !this.duplicateInput.includes(input.name)) {
-        var itemValue = this.getItemValue(input);
-        if (!itemValue || itemValue == undefined || itemValue == null) {
-          itemValue = null;
-        }
-        this.formData[input.name] = itemValue;
-      }
-    }
-    return this.formData;
-  }
-  async handleChange(e) {
-    const isWrapperComponent = this.isWrapperComponent(e.target.tagName);
-    const isGroupComponent = this.isGroupComponent(e.target.tagName);
-    let target;
-    if (isWrapperComponent) {
-      target = e.target.getInput && await e.target.getInput() || e.target;
-    }
-    else if (isGroupComponent) {
-      let req = false;
-      const childsCheckbox = utils.getChildElements(e.target, 'bcm-checkbox:not(#bcm-indeterminate-element)');
-      childsCheckbox.length > 0 && (childsCheckbox.forEach((element) => {
-        if (element && element.required === true) {
-          req = true;
-        }
-      }));
-      target = Object.assign(Object.assign({}, e.target), { required: req });
-    }
-    else {
-      target = e.target;
-    }
-    const value = e.target.value;
-    const wrapperComponent = isWrapperComponent && e.target;
-    var isPickerValid;
-    if (isWrapperComponent) {
-      isPickerValid = await wrapperComponent.isValid();
-    }
-    const tick = setTimeout(() => {
-      if (target.required) {
-        let valid = null;
-        if (isWrapperComponent) {
-          valid = validate.required(value, isPickerValid);
-          if (valid) {
-            if (value instanceof Object) {
-              if (value["isValid"] == false) {
-                valid = validate.required("", isPickerValid);
-              }
-            }
-            else {
-              valid = validate.required(value, isPickerValid);
-            }
-          }
-        }
-        else if (isGroupComponent) {
-          const childsCheckbox = utils.getChildElements(e.target, 'bcm-checkbox:not(#bcm-indeterminate-element)');
-          childsCheckbox.length > 0 && (childsCheckbox.forEach((element) => {
-            if (element && element.required === true) {
-              valid = validate.required(element.checked);
-              if (!valid['valid']) {
-                element.noCaption = false;
-                element.captionError = valid['message'];
-                element.captionType = valid['type'];
-              }
-              else {
-                element.noCaption = e.target.noCaption;
-                element.captionError = null;
-                element.captionType = "default";
-              }
-            }
-          }));
-        }
-        else {
-          valid = validate.required(value);
-        }
-        if (valid['valid']) {
-          target.captionError = null;
-          target.captionType = null;
-        }
-        else {
-          target.captionError = valid['message'];
-          target.captionType = valid['type'];
-        }
-      }
-      clearTimeout(tick);
-    });
-    this.value = await this.userFormData();
-  }
-  render() {
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
-    return (index.h(index.Host, { class: hostClasses }, index.h("form", { class: "bcm-form", autocomplete: this.autocomplete ? "on" : "off" }, index.h("slot", null))));
-  }
-  get el() { return index.getElement(this); }
-};
-__decorate([
-  isLoadDecorator.IsLoad()
-], BcmForm.prototype, "el", void 0);
-BcmForm.style = formCss;
-
-exports.bcm_form = BcmForm;