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

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

@@ -1,139 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
-import './color-helper-2b6697b6.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
-import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
-import './element-dragger-89bb52fd.js';
-import { d as delay } from './utils-57652744.js';
-import { a as Bcm } from './bcm-9f50af9c.js';
-import { C as CaptionTemplate } from './caption-template-389f5bd6.js';
-import { c as classnames } from './index-ba2edd32.js';
-import './types-6f06fa1a.js';
-import './types-bfc3bba1.js';
-import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import './colors-1d7854ea.js';
-import './colors-39b87f63.js';
-import './_commonjsHelpers-3016b722.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) {
-    registerInstance(this, hostRef);
-    this.change = createEvent(this, "bcm-change", 7);
-    this._id = Generate.UID();
-    this.label = undefined;
-    this.name = undefined;
-    this.value = null;
-    this.defaultValue = undefined;
-    this.size = Bcm.Size.medium;
-    this.disabled = false;
-    this.hidden = false;
-    this.required = false;
-    this.gap = undefined;
-    this.direction = Bcm.Direction.horizontal;
-    this.fullWidth = false;
-    this.items = [];
-    this.caption = undefined;
-    this.noCaption = false;
-    this.captionError = undefined;
-    this.captionType = Bcm.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 delay(10);
-    this.caption = this.captionCache;
-    this.captionType = this.captionTypeCache;
-    this.captionError = null;
-    await 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 (h(Host, { role: "radio-group", class: "tw-mb-2 tw-flex tw-flex-col" }, label && h("bcm-label", { type: captionType, value: label, required: required }), h("div", { class: classnames("tw-flex tw-flex-wrap", direction == Bcm.Direction.horizontal ? "tw-flex-row" : "tw-flex-col", fullWidth && "tw-w-full"), style: { "gap": gap } }, 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 => (h("bcm-radio", { id: item.id, value: item.value, disabled: disabled || item.disabled, checked: item.checked, color: item.color, size: size }, item.label))))), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
-  }
-  get el() { return getElement(this); }
-};
-__decorate([
-  IsLoad()
-], BcmRadioGroup.prototype, "el", void 0);
-
-export { BcmRadioGroup as bcm_radio_group };

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

@@ -1,60 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
-import { a as Bcm } from './bcm-9f50af9c.js';
-import './color-helper-2b6697b6.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
-import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
-import './element-dragger-89bb52fd.js';
-import { c as classnames } from './index-ba2edd32.js';
-import './colors-1d7854ea.js';
-import './utils-57652744.js';
-import './colors-39b87f63.js';
-import './_commonjsHelpers-3016b722.js';
-
-const BcmRadio = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.radioChange = createEvent(this, "bcm-radio-change", 7);
-    this.focus = createEvent(this, "bcm-focus", 7);
-    this.blur = createEvent(this, "bcm-blur", 7);
-    this._id = Generate.UID();
-    this.checked = undefined;
-    this.value = undefined;
-    this.disabled = false;
-    this.size = Bcm.Size.medium;
-    this.color = undefined;
-  }
-  render() {
-    const { value, size, disabled, checked, _id, color } = this;
-    return (h(Host, { class: 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.Size.small,
-        "tw-text-2.5": size === Bcm.Size.medium,
-        "tw-text-4": size === Bcm.Size.large,
-      }), style: (Generate.getTwColor(color)) }, h("label", { class: 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' }, h("input", { id: _id + '-input', type: "radio", value: value, checked: checked, disabled: disabled, class: 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.Size.medium,
-        "tw-w-3.5 tw-h-3.5 before:tw-w-2 before:tw-h-2": size === Bcm.Size.small,
-        "tw-w-4.5 tw-h-4.5 before:tw-w-3 before:tw-h-3": size === Bcm.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 && 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() }), h("slot", null))));
-  }
-  get el() { return getElement(this); }
-};
-
-export { BcmRadio as bcm_radio };