bromcom-ui 2.11.1-rc.8 → 2.11.1-rc.9-1

package/dist/esm/input-template-b2e1b39d.js

@@ -1,90 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { h } from './index-4614b7f0.js';
-import { d as defaultIcons } from './types-6f06fa1a.js';
-import { B as Bcm } from './bcm-a50d55ba.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { s as snq } from './generate-2696a8c2.js';
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, pattern, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, autocomplete, _suffix, _prefix, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, isEyeDropperSupported, eyeDropper, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = type === "password" && isPasswordVisible ? "text" : type;
-  value = snq(() => value, "");
-  type = (unit === null || unit === void 0 ? void 0 : unit.length) > 0 && !focused ? "text" : type;
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? " " + unit : "") : value;
-  const typeColor = type === "color";
-  type = type === "color" ? "text" : type;
-  const templateHandleFocus = e => {
-    e.target.parentElement.classList.add("focused");
-    handleFocus(e);
-  };
-  const templateHandleBlur = e => {
-    e.target.parentElement.classList.remove("focused");
-    handleBlur(e);
-  };
-  var containerClass = classnames("bcm-input__container", ElementTagType === Bcm.HtmlElementType.textarea && classnames("bcm-input__textarea", "textarea-size-" + Bcm.Size[size], "resize-" + resize, "textarea-" + size), ElementTagType === Bcm.HtmlElementType.input && classnames("input-size-" + Bcm.Size[size]), {
-    focused: focused,
-    clearable: clearable,
-    disabled,
-    readonly,
-    invalid: inValid,
-    unit: (unit === null || unit === void 0 ? void 0 : unit.length) > 0,
-    // 'empty': value?.length < 1,
-    error: captionType === "error",
-  });
-  const caretContainer = classnames("caret-container", {
-    unit: (unit === null || unit === void 0 ? void 0 : unit.length) > 0,
-    disabled: disabled || readonly || inValid,
-  });
-  const inputClass = "bcm-input__container--" + size;
-  const unitClass = classnames(inputClass, "unit-prefix");
-  return (h("div", { class: containerClass, id: id + "-container" },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      _prefix && _prefix.length > 0 && h("span", { innerHTML: _prefix }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix),
-      typeColor && (h("i", { class: "tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-slate-300", style: {
-          backgroundColor: value,
-        } }))),
-    h(ElementTagType, Object.assign({ tabindex: "0", id: id + "-input", "bcm-internal-id": internalId, class: "bcm-input-element " + inputClass }, (ElementTagType === Bcm.HtmlElementType.input && {
-      type,
-      autocomplete: autocomplete ? "on" : "off",
-      pattern,
-    }), (ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows, resize: resize }), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: el => ref(el), onBlur: e => templateHandleBlur(e), onFocus: e => templateHandleFocus(e), onInput: e => handleInput(e), onChange: e => handleChange(e) })),
-    h("span", { class: "input-suffix-content" }, clearable && !disabled && !readonly && (h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: e => handleClear(e) },
-      h("bcm-icon", { icon: "far fa-times" })))),
-    h("span", { class: "input-suffix-content" }, (type === "password" || type === "text") && passwordToggle && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "far fa-eye-slash" : "far fa-eye" })))),
-    h("span", { class: "input-suffix-content" }, Object.keys(defaultIcons).includes(type) && !noDefaultIcon && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type] })))),
-    h("span", { class: "input-suffix-content" }, type === "number" && (h("div", { class: caretContainer },
-      h("span", { class: "bcm-input-caret", onClick: () => steps("up") },
-        h("bcm-icon", { icon: "fas fa-caret-up" })),
-      h("span", { class: "bcm-input-caret", onClick: () => steps("down") },
-        h("bcm-icon", { icon: "fas fa-caret-down" }))))),
-    h("span", { class: "input-suffix-content" },
-      type !== "number" && (h("span", { class: "input-suffix" },
-        h("slot", { name: "suffix" }),
-        _suffix && _suffix.length > 0 && h("span", { innerHTML: _suffix }))),
-      typeColor && isEyeDropperSupported() && (h("span", { class: "input-suffix" },
-        h("span", null,
-          h("i", { class: "far fa-eye-dropper", onClick: () => eyeDropper() })))))));
-};
-
-export { InputTemplate as I };

package/dist/esm/json-parse-decarator-44a00bc5.js

@@ -1,38 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { g as getElement } from './index-4614b7f0.js';
-import { s as snq } from './generate-2696a8c2.js';
-
-function JsonParse(attribute, isMethod = false) {
-  return (proto, propName) => {
-    const { connectedCallback, componentWillRender } = proto;
-    proto.connectedCallback = function () {
-      const host = getElement(this);
-      if (host[propName]) {
-        const value = snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
-        if (value) {
-          this[propName] = snq(() => typeof value === 'string' ? JSON.parse(value) : value, []);
-          host.removeAttribute(attribute);
-        }
-      }
-      return connectedCallback && connectedCallback.call(this);
-    };
-    proto.componentWillRender = async function () {
-      if (isMethod) {
-        const host = getElement(this);
-        if (isMethod) {
-          const value = snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
-          if (value && value.length > 0 && typeof value === 'string') {
-            this[attribute] = snq(() => JSON.parse(value), []);
-          }
-          host.removeAttribute(attribute);
-        }
-        return componentWillRender && componentWillRender.call(this);
-      }
-    };
-  };
-}
-
-export { JsonParse as J };