bromcom-ui 2.3.67 → 2.3.71

package/dist/bromcom-ui/input-template-91ff8813.js

@@ -1,90 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-var defaultIcons;
-(function (defaultIcons) {
-  defaultIcons["search"] = "search";
-  defaultIcons["email"] = "mail";
-  defaultIcons["tel"] = "phone";
-  defaultIcons["url"] = "link";
-})(defaultIcons || (defaultIcons = {}));
-var iconSizes;
-(function (iconSizes) {
-  iconSizes[iconSizes["small"] = 14] = "small";
-  iconSizes[iconSizes["medium"] = 16] = "medium";
-  iconSizes[iconSizes["large"] = 18] = "large";
-})(iconSizes || (iconSizes = {}));
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = (type === 'password' && isPasswordVisible) ? 'text' : type;
-  value = value || '';
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? ' ' + unit : '') : value;
-  let clearableButton = false;
-  const templateHandleFocus = (e) => {
-    e.target.parentElement.classList.add('focused');
-    handleFocus(e);
-  };
-  const templateHandleBlur = (e) => {
-    e.target.parentElement.classList.remove('focused');
-    handleBlur(e);
-  };
-  const templateHandleInput = (e) => {
-    console.log(clearable);
-    console.log(e.target.value);
-    clearableButton = clearable && e.target.value.length > 0 ? true : false;
-    handleInput(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 = size === 'large' ? 'size-3' : 'size-2';
-  const unitClass = classnames(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && { type: type })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => templateHandleInput(e), onChange: (e) => handleChange(e) })),
-    (clearable && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "close-circle", type: "fill", size: iconSizes[size], color: "grey-7" })),
-    (type === 'password' && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "eye-invisible" : "eye", type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type], type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "caret-up", type: "outlined", color: "grey-7", size: 8 })),
-      h("span", { class: "caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "caret-down", type: "outlined", color: "grey-7", size: 8 })))),
-    type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" })))));
-};
-
-export { InputTemplate as I };

package/dist/bromcom-ui/input-template-d4438c87.js

@@ -1,86 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-var defaultIcons;
-(function (defaultIcons) {
-  defaultIcons["search"] = "search";
-  defaultIcons["email"] = "mail";
-  defaultIcons["tel"] = "phone";
-  defaultIcons["url"] = "link";
-})(defaultIcons || (defaultIcons = {}));
-var iconSizes;
-(function (iconSizes) {
-  iconSizes[iconSizes["small"] = 14] = "small";
-  iconSizes[iconSizes["medium"] = 16] = "medium";
-  iconSizes[iconSizes["large"] = 18] = "large";
-})(iconSizes || (iconSizes = {}));
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = (type === 'password' && isPasswordVisible) ? 'text' : type;
-  value = value || '';
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? ' ' + unit : '') : value;
-  const templateHandleFocus = (e) => {
-    e.target.parentElement.classList.add('focused');
-    handleFocus(e);
-  };
-  const templateHandleBlur = (e) => {
-    e.target.parentElement.classList.remove('focused');
-    handleBlur(e);
-  };
-  const templateHandleInput = (e) => {
-    clearable = clearable && e.target.value.length > 0 ? true : false;
-    handleInput(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,
-    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 = size === 'large' ? 'size-3' : 'size-2';
-  const unitClass = classnames(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && { type: type })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => templateHandleInput(e), onChange: (e) => handleChange(e) })),
-    (clearable && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "close-circle", type: "fill", size: iconSizes[size], color: "grey-7" })),
-    (type === 'password' && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "eye-invisible" : "eye", type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type], type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "caret-up", type: "outlined", color: "grey-7", size: 8 })),
-      h("span", { class: "caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "caret-down", type: "outlined", color: "grey-7", size: 8 })))),
-    type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" })))));
-};
-
-export { InputTemplate as I };

package/dist/bromcom-ui/input-template-d594af3b.js

@@ -1,86 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-var defaultIcons;
-(function (defaultIcons) {
-  defaultIcons["search"] = "search";
-  defaultIcons["email"] = "mail";
-  defaultIcons["tel"] = "phone";
-  defaultIcons["url"] = "link";
-})(defaultIcons || (defaultIcons = {}));
-var iconSizes;
-(function (iconSizes) {
-  iconSizes[iconSizes["small"] = 14] = "small";
-  iconSizes[iconSizes["medium"] = 16] = "medium";
-  iconSizes[iconSizes["large"] = 18] = "large";
-})(iconSizes || (iconSizes = {}));
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = (type === 'password' && isPasswordVisible) ? 'text' : type;
-  value = value || '';
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? ' ' + unit : '') : value;
-  const templateHandleFocus = (e) => {
-    e.target.parentElement.classList.add('focused');
-    handleFocus(e);
-  };
-  const templateHandleBlur = (e) => {
-    e.target.parentElement.classList.remove('focused');
-    handleBlur(e);
-  };
-  const templateHandleInput = (e) => {
-    console.log(e.target.value);
-    handleInput(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,
-    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 = size === 'large' ? 'size-3' : 'size-2';
-  const unitClass = classnames(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && { type: type })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => templateHandleInput(e), onChange: (e) => handleChange(e) })),
-    (clearable && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "close-circle", type: "fill", size: iconSizes[size], color: "grey-7" })),
-    (type === 'password' && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "eye-invisible" : "eye", type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type], type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "caret-up", type: "outlined", color: "grey-7", size: 8 })),
-      h("span", { class: "caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "caret-down", type: "outlined", color: "grey-7", size: 8 })))),
-    type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" })))));
-};
-
-export { InputTemplate as I };

package/dist/bromcom-ui/input-template-e0e652a9.js

@@ -1,82 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-var defaultIcons;
-(function (defaultIcons) {
-  defaultIcons["search"] = "search";
-  defaultIcons["email"] = "mail";
-  defaultIcons["tel"] = "phone";
-  defaultIcons["url"] = "link";
-})(defaultIcons || (defaultIcons = {}));
-var iconSizes;
-(function (iconSizes) {
-  iconSizes[iconSizes["small"] = 14] = "small";
-  iconSizes[iconSizes["medium"] = 16] = "medium";
-  iconSizes[iconSizes["large"] = 18] = "large";
-})(iconSizes || (iconSizes = {}));
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = (type === 'password' && isPasswordVisible) ? 'text' : type;
-  value = value || '';
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? ' ' + unit : '') : value;
-  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,
-    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 = size === 'large' ? 'size-3' : 'size-2';
-  const unitClass = classnames(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && { type: type })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows })), { 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) })),
-    (clearable && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "close-circle", type: "fill", size: iconSizes[size], color: "grey-7" })),
-    (type === 'password' && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "eye-invisible" : "eye", type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type], type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "caret-up", type: "outlined", color: "grey-7", size: 8 })),
-      h("span", { class: "caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "caret-down", type: "outlined", color: "grey-7", size: 8 })))),
-    type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" })))));
-};
-
-export { InputTemplate as I };

package/dist/bromcom-ui/input-template-ece52adc.js

@@ -1,85 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-var defaultIcons;
-(function (defaultIcons) {
-  defaultIcons["search"] = "search";
-  defaultIcons["email"] = "mail";
-  defaultIcons["tel"] = "phone";
-  defaultIcons["url"] = "link";
-})(defaultIcons || (defaultIcons = {}));
-var iconSizes;
-(function (iconSizes) {
-  iconSizes[iconSizes["small"] = 14] = "small";
-  iconSizes[iconSizes["medium"] = 16] = "medium";
-  iconSizes[iconSizes["large"] = 18] = "large";
-})(iconSizes || (iconSizes = {}));
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = (type === 'password' && isPasswordVisible) ? 'text' : type;
-  value = value || '';
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? ' ' + unit : '') : value;
-  const templateHandleFocus = (e) => {
-    e.target.parentElement.classList.add('focused');
-    handleFocus(e);
-  };
-  const templateHandleBlur = (e) => {
-    e.target.parentElement.classList.remove('focused');
-    handleBlur(e);
-  };
-  const templateHandleInput = (e) => {
-    handleInput(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,
-    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 = size === 'large' ? 'size-3' : 'size-2';
-  const unitClass = classnames(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && { type: type })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => templateHandleInput(e), onChange: (e) => handleChange(e) })),
-    (clearable && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "close-circle", type: "fill", size: iconSizes[size], color: "grey-7" })),
-    (type === 'password' && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "eye-invisible" : "eye", type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type], type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "caret-up", type: "outlined", color: "grey-7", size: 8 })),
-      h("span", { class: "caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "caret-down", type: "outlined", color: "grey-7", size: 8 })))),
-    type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" })))));
-};
-
-export { InputTemplate as I };

package/dist/bromcom-ui/input-template-f669289a.js

@@ -1,93 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-
-var defaultIcons;
-(function (defaultIcons) {
-  defaultIcons["search"] = "search";
-  defaultIcons["email"] = "mail";
-  defaultIcons["tel"] = "phone";
-  defaultIcons["url"] = "link";
-})(defaultIcons || (defaultIcons = {}));
-var iconSizes;
-(function (iconSizes) {
-  iconSizes[iconSizes["small"] = 14] = "small";
-  iconSizes[iconSizes["medium"] = 16] = "medium";
-  iconSizes[iconSizes["large"] = 18] = "large";
-})(iconSizes || (iconSizes = {}));
-
-const InputTemplate = ({ elementType, 
-//textarea
-rows, 
-//props
-id, internalId, type, placeholder, value, size, 
-//,
-unit, unitPrefix, maxLength, 
-//boolean
-disabled, clearable, focused, readonly, isPasswordVisible, passwordToggle, noDefaultIcon, inValid, captionType, resize, 
-// custom functions
-changePasswordVisibility, handleClear, steps, 
-//event functions
-ref, handleBlur, handleFocus, handleInput, handleChange, componentShouldUpdate, }) => {
-  const ElementTagType = Bcm.HtmlElementType[elementType] || Bcm.HtmlElementType.input;
-  type = (type === 'password' && isPasswordVisible) ? 'text' : type;
-  value = value || '';
-  value = !focused ? value + (value && (unit === null || unit === void 0 ? void 0 : unit.length) > 0 ? ' ' + unit : '') : value;
-  let clearableButton = false;
-  const templateHandleFocus = (e) => {
-    e.target.parentElement.classList.add('focused');
-    handleFocus(e);
-  };
-  const templateHandleBlur = (e) => {
-    e.target.parentElement.classList.remove('focused');
-    handleBlur(e);
-  };
-  componentShouldUpdate = (newValue, oldValue) => {
-    console.log(newValue, oldValue);
-  };
-  const templateHandleInput = (e) => {
-    console.log(clearable);
-    console.log(e.target.value);
-    clearableButton = clearable && e.target.value.length > 0 ? true : false;
-    handleInput(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 = size === 'large' ? 'size-3' : 'size-2';
-  const unitClass = classnames(inputClass, 'unit-prefix');
-  return (h("div", { class: containerClass },
-    h("span", { hidden: true },
-      h("slot", null)),
-    h("span", { class: "input-prefix" },
-      h("slot", { name: "prefix" }),
-      unitPrefix && h("span", { class: unitClass }, unitPrefix)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "bcm-internal-id": internalId, class: 'bcm-input-element ' + inputClass }, ((ElementTagType === Bcm.HtmlElementType.input && { type: type })), ((ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows })), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: (el) => ref(el), onBlur: (e) => templateHandleBlur(e), onFocus: (e) => templateHandleFocus(e), onInput: (e) => templateHandleInput(e), onChange: (e) => handleChange(e) })),
-    (clearableButton && !disabled) &&
-      h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: (e) => handleClear(e) },
-        h("bcm-icon", { icon: "close-circle", type: "fill", size: iconSizes[size], color: "grey-7" })),
-    (type === 'password' && passwordToggle) && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
-      h("bcm-icon", { icon: isPasswordVisible ? "eye-invisible" : "eye", type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    (Object.keys(defaultIcons).includes(type) && !noDefaultIcon) && (h("span", { class: "input-suffix" },
-      h("bcm-icon", { icon: defaultIcons[type], type: "outlined", size: iconSizes[size], color: "grey-7" }))),
-    type === 'number' && (h("div", { class: caretContainer },
-      h("span", { class: "caret", onClick: () => steps('up') },
-        h("bcm-icon", { icon: "caret-up", type: "outlined", color: "grey-7", size: 8 })),
-      h("span", { class: "caret", onClick: () => steps('down') },
-        h("bcm-icon", { icon: "caret-down", type: "outlined", color: "grey-7", size: 8 })))),
-    type !== 'number' && (h("span", { class: "input-suffix" },
-      h("slot", { name: "suffix" })))));
-};
-
-export { InputTemplate as I };

package/dist/bromcom-ui/json-parse-decarator-223ea680.js

@@ -1,21 +0,0 @@
-import { g as getElement } from './index-dbc63c66.js';
-import { s as snq } from './snq.es5-946822b8.js';
-
-function JsonParse(attribute) {
-  return (proto, propName) => {
-    const { connectedCallback } = 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);
-    };
-  };
-}
-
-export { JsonParse as J };

package/dist/bromcom-ui/label-template-b0b70fde.js

@@ -1,19 +0,0 @@
-import { h } from './index-dbc63c66.js';
-import { c as classnames } from './index-43956e3c.js';
-import { B as Bcm } from './bcm-ad02f9c9.js';
-import { S as SlotTemplate } from './slot-template-5b8e1902.js';
-
-const LabelTemplate = ({ required, value, size, form, htmlFor, type }) => {
-  size = size || Bcm.FontSize['size-1'];
-  type = type || Bcm.Status.default;
-  const labelClasses = classnames('bcm-label__text', size, {
-    'bcm-label__text-error': type === Bcm.Status.error,
-  });
-  return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses },
-    " ",
-    h(SlotTemplate, { value: value }),
-    " ",
-    required && ('*')));
-};
-
-export { LabelTemplate as L };

package/dist/bromcom-ui/number-helper-fea1966f.js

@@ -1,13 +0,0 @@
-import { s as snq } from './snq.es5-946822b8.js';
-
-class NumberHelper {
-}
-NumberHelper.isNumber = (str) => snq(() => /^[0-9]+$/i.test(str));
-NumberHelper.convertToNumber = (str) => snq(() => Number(str));
-NumberHelper.replaceNumber = (str) => snq(() => str.replace(/[^0-9]/g, ''));
-NumberHelper.replaceFloat = (str) => snq(() => str.replace(/[^0-9.]/g, ''));
-NumberHelper.toFixed = (num, fixed) => snq(() => num.toFixed(fixed));
-NumberHelper.parseFloatFixed = (str, fixed) => snq(() => parseFloat(NumberHelper.replaceFloat(str)).toFixed(fixed));
-NumberHelper.getDecimalLength = (str) => snq(() => str.split('.')[1] ? str.split('.')[1].length : 0);
-
-export { NumberHelper as N };