bromcom-ui 2.7.38-rc.6 → 2.7.38-rc.8

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

@@ -1,84 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { h } from './index-58077b32.js';
-import { d as defaultIcons } from './types-6f06fa1a.js';
-import { B as Bcm } from './bcm-b8d8a236.js';
-import { c as classnames } from './index-ba2edd32.js';
-import { s as snq } from './generate-e8056697.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 }) => {
-  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 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 },
-    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)),
-    h(ElementTagType, Object.assign({ tabindex: "1", id: id, "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 }))))));
-};
-
-export { InputTemplate as I };

package/dist/esm/tooltip-helper-1f693a3d.js

@@ -1,103 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import './element-dragger-89bb52fd.js';
-import { S as StringHelper } from './string-helper-74a1648f.js';
-import { F as FloatingUI } from './floating-ui-700d0b98.js';
-import { C as ColorHelper } from './color-helper-7e202fd8.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-e8056697.js';
-import './number-helper-a38db352.js';
-import './validators-66052fb7.js';
-
-class Tooltip {
-  constructor({ message, targetId, placement = 'top', color = 'slate-700', trigger = 'none' }) {
-    this.bgColor = () => ColorHelper.twColor(this.color, 700);
-    this.target = () => document.getElementById(this.targetId);
-    this.init = () => {
-      this.el = Generate.createElement('div', {
-        'id': `${this.targetId}-tooltip-box`,
-        'class': `
-            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-1 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,
-        'role': 'tooltip',
-        'aria-hidden': 'true',
-        'style': `color: ${ColorHelper.twColorReverse(this.bgColor())}`,
-        'innerHTML': StringHelper.trim(this.message),
-      });
-    };
-    this.update = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.hide();
-        this.show();
-      }
-    };
-    this.listener = () => {
-      window.addEventListener('resize', this.calculatePosition.bind(this));
-      window.addEventListener('scroll', this.calculatePosition.bind(this), true);
-      window.addEventListener('wheel', this.calculatePosition.bind(this));
-      if (this.trigger && this.target()) {
-        switch (this.trigger) {
-          case 'click':
-            this.target().addEventListener('click', this.toggle.bind(this));
-            break;
-          case 'hover':
-            this.target().addEventListener('mouseenter', this.show.bind(this));
-            this.target().addEventListener('mouseleave', this.hide.bind(this));
-            break;
-          case 'focus':
-            this.target().addEventListener('focus', this.show.bind(this), true);
-            this.target().addEventListener('blur', this.hide.bind(this), true);
-            break;
-        }
-      }
-      this.calculatePosition();
-    };
-    this.calculatePosition = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        FloatingUI({
-          ref: this.target(),
-          floating: this.el,
-          placement: this.placement,
-          offset: 8,
-          arrow: true,
-          arrowColor: `tw-bg-${this.bgColor()}`,
-        });
-      }
-    };
-    this.show = () => {
-      if (this.message) {
-        this.init();
-        this.calculatePosition();
-      }
-      else {
-        this.hide();
-      }
-    };
-    this.hide = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.el.remove();
-      }
-    };
-    this.toggle = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.hide();
-      }
-      else {
-        this.show();
-      }
-    };
-    this.message = message;
-    this.targetId = targetId;
-    this.placement = placement;
-    this.color = color;
-    this.id = targetId + '-tooltip-box';
-    this.trigger = trigger;
-  }
-}
-
-export { Tooltip as T };