bromcom-ui 2.8.0-rc.1 → 2.8.0-rc.2

package/dist/cjs/bcm-radio-group.cjs.entry.js

@@ -1,143 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7e2a5376.js');
-require('./color-helper-09aa652d.js');
-require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-b2779357.js');
-require('./number-helper-c0a3073d.js');
-require('./string-helper-71b10c53.js');
-require('./validators-9db90679.js');
-require('./element-dragger-a8562f82.js');
-const utils = require('./utils-fc077139.js');
-const bcm = require('./bcm-634604e3.js');
-const captionTemplate = require('./caption-template-de4a0064.js');
-const index$1 = require('./index-a2b50e51.js');
-require('./types-cc4adee7.js');
-require('./types-6eb7e028.js');
-const isLoadDecorator = require('./is-load-decorator-c38598ab.js');
-require('./colors-56282b00.js');
-require('./colors-7cc2aee2.js');
-require('./_commonjsHelpers-bd20f4c0.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 BcmRadioGroup = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.change = index.createEvent(this, "bcm-change", 7);
-    this._id = generate.Generate.UID();
-    this.label = undefined;
-    this.name = undefined;
-    this.value = null;
-    this.defaultValue = undefined;
-    this.size = bcm.Bcm$1.Size.medium;
-    this.disabled = false;
-    this.hidden = false;
-    this.required = false;
-    this.gap = undefined;
-    this.direction = bcm.Bcm$1.Direction.horizontal;
-    this.fullWidth = false;
-    this.items = [];
-    this.caption = undefined;
-    this.noCaption = false;
-    this.captionError = undefined;
-    this.captionType = bcm.Bcm$1.Status.default;
-    this.captionCache = undefined;
-    this.captionTypeCache = undefined;
-  }
-  get radios() {
-    return Array.from(this.el.querySelectorAll("bcm-radio"));
-  }
-  get Items() {
-    return this.items;
-  }
-  connectedCallback() {
-    this.captionCache = this.caption;
-    this.captionTypeCache = this.captionType;
-  }
-  updateValue() {
-    var _a, _b, _c;
-    this.value = (_c = (_b = (_a = this.radios) === null || _a === void 0 ? void 0 : _a.find(radio => radio.checked)) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : null;
-  }
-  componentWillLoad() {
-    var _a;
-    (_a = this.radios) === null || _a === void 0 ? void 0 : _a.forEach(radio => {
-      radio.disabled = radio.disabled || this.disabled;
-      radio.size = this.size;
-      if (this.defaultValue) {
-        radio.checked = radio.value == this.defaultValue;
-      }
-    });
-    this.updateValue();
-  }
-  handleChange(e) {
-    var _a, _b;
-    e.stopPropagation();
-    e.preventDefault();
-    const checked = (_a = e.target.checked) !== null && _a !== void 0 ? _a : false;
-    (_b = this.radios) === null || _b === void 0 ? void 0 : _b.forEach(radio => {
-      radio.checked = radio.id == e.target.id ? !checked : false;
-    });
-    this.updateValue();
-    this.change.emit(this.value);
-  }
-  ;
-  async setClear() {
-    var _a;
-    this.value = null;
-    (_a = this.radios) === null || _a === void 0 ? void 0 : _a.forEach(radio => {
-      radio.checked = false;
-    });
-  }
-  async resetCaption() {
-    await utils.delay(10);
-    this.caption = this.captionCache;
-    this.captionType = this.captionTypeCache;
-    this.captionError = null;
-    await utils.delay(10);
-    return Promise.resolve();
-  }
-  async check(itemId, checked = true) {
-    var _a;
-    (_a = this.radios) === null || _a === void 0 ? void 0 : _a.forEach(radio => {
-      radio.checked = radio.id == itemId || radio.value == itemId ? checked : false;
-    });
-    this.updateValue();
-    this.change.emit(this.value);
-  }
-  async get() {
-    return this.value;
-  }
-  async set(data) {
-    await this.check(data);
-  }
-  async getValue() {
-    return this.value;
-  }
-  render() {
-    var _a, _b;
-    const { direction, fullWidth, gap, label, size, required, disabled, caption, captionError, captionType, noCaption } = this;
-    return (index.h(index.Host, { role: "radio-group", class: "tw-mb-2 tw-flex tw-flex-col" }, label && index.h("bcm-label", { type: captionType, value: label, required: required }), index.h("div", { class: index$1.classnames("tw-flex tw-flex-wrap", direction == bcm.Bcm$1.Direction.horizontal ? "tw-flex-row" : "tw-flex-col", fullWidth && "tw-w-full"), style: { "gap": gap } }, index.h("slot", null), ((_a = this.Items) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
-      ((_b = this.Items) === null || _b === void 0 ? void 0 : _b.map(item => (index.h("bcm-radio", { id: item.id, value: item.value, disabled: disabled || item.disabled, checked: item.checked, color: item.color, size: size }, item.label))))), index.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
-  }
-  get el() { return index.getElement(this); }
-};
-__decorate([
-  isLoadDecorator.IsLoad()
-], BcmRadioGroup.prototype, "el", void 0);
-
-exports.bcm_radio_group = BcmRadioGroup;

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

@@ -1,64 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7e2a5376.js');
-const bcm = require('./bcm-634604e3.js');
-require('./color-helper-09aa652d.js');
-require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-b2779357.js');
-require('./number-helper-c0a3073d.js');
-require('./string-helper-71b10c53.js');
-require('./validators-9db90679.js');
-require('./element-dragger-a8562f82.js');
-const index$1 = require('./index-a2b50e51.js');
-require('./colors-56282b00.js');
-require('./utils-fc077139.js');
-require('./colors-7cc2aee2.js');
-require('./_commonjsHelpers-bd20f4c0.js');
-
-const BcmRadio = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.radioChange = index.createEvent(this, "bcm-radio-change", 7);
-    this.focus = index.createEvent(this, "bcm-focus", 7);
-    this.blur = index.createEvent(this, "bcm-blur", 7);
-    this._id = generate.Generate.UID();
-    this.checked = undefined;
-    this.value = undefined;
-    this.disabled = false;
-    this.size = bcm.Bcm$1.Size.medium;
-    this.color = undefined;
-  }
-  render() {
-    const { value, size, disabled, checked, _id, color } = this;
-    return (index.h(index.Host, { class: index$1.classnames("tw-cursor-pointer tw-font-sans tw-mb-1.5 tw-mt-1", {
-        "tw-cursor-pointer tw-text-slate-600": !disabled,
-        "tw-cursor-not-allowed tw-text-slate-400": disabled,
-        "tw-text-1": size === bcm.Bcm$1.Size.small,
-        "tw-text-2.5": size === bcm.Bcm$1.Size.medium,
-        "tw-text-4": size === bcm.Bcm$1.Size.large,
-      }), style: (generate.Generate.getTwColor(color)) }, index.h("label", { class: index$1.classnames("tw-inline-flex tw-flex-row tw-gap-2 tw-mr-2 tw-items-center", disabled ? "tw-cursor-not-allowed" : "tw-cursor-pointer"), htmlFor: _id + '-input' }, index.h("input", { id: _id + '-input', type: "radio", value: value, checked: checked, disabled: disabled, class: index$1.classnames("tw-flex tw-items-center tw-justify-center", "tw-relative tw-appearance-none tw-border tw-rounded-full tw-cursor-pointer tw-transition tw-ease-in-out ", "tw-m-0", "before:tw-content-[''] before:tw-absolute before:tw-rounded-full", {
-        "tw-w-4 tw-h-4 before:tw-w-2.5 before:tw-h-2.5": size === bcm.Bcm$1.Size.medium,
-        "tw-w-3.5 tw-h-3.5 before:tw-w-2 before:tw-h-2": size === bcm.Bcm$1.Size.small,
-        "tw-w-4.5 tw-h-4.5 before:tw-w-3 before:tw-h-3": size === bcm.Bcm$1.Size.large,
-      }, "focus:tw-outline-none focus:tw-shadow-outline", 
-      // default
-      `tw-border-slate-400 tw-bg-slate-50`, `checked:tw-border-default-500`, `checked:before:tw-bg-default-500`, 
-      // disabled
-      `disabled:tw-border-slate-400 disabled:tw-bg-slate-200 disabled:tw-cursor-not-allowed`, `disabled:checked:tw-border-slate-400`, `disabled:checked:before:tw-bg-slate-400`, !disabled && index$1.classnames(
-      // hover
-      `hover:tw-border-default-600`, `hover:checked:tw-border-default-600`, `hover:checked:before:tw-bg-default-600`, 
-      // focus-visible 
-      `focus-visible:tw-border-default-800 focus-visible:tw-shadow-sm`, `focus-visible:checked:tw-border-default-800`, `focus-visible:checked:before:tw-bg-default-800`, 
-      // active
-      `active:tw-border-default-700`, `active:checked:tw-border-default-700`, `active:checked:before:tw-bg-default-700`)), onChange: () => this.radioChange.emit(), onFocus: () => this.focus.emit(), onBlur: () => this.blur.emit() }), index.h("slot", null))));
-  }
-  get el() { return index.getElement(this); }
-};
-
-exports.bcm_radio = BcmRadio;